如何水平对齐 Contact Form 7 插件表单?

Posted

技术标签:

【中文标题】如何水平对齐 Contact Form 7 插件表单?【英文标题】:How to align the Contact Form 7 plugin form horizontal? 【发布时间】:2012-10-08 09:22:06 【问题描述】:

我已经尝试了几个小时来找到水平显示联系表单输入字段的方法,就像在此处联系表单之前的模块中一样:http://zohar.mapasystem.co.il/

这个想法是用我的联系表 7 短代码替换 Property Search。

使用<table> 不是一个选项,因为主题会自动更改移动浏览器的布局。

<label><span> שם מלא (חובה)</span><br>[text* text-3 30/ class:gg] </label>
<label><span> טלפון (חובה)</span><br>[text* text-648 30/ class:gg] </label>
<label><span> אימייל (חובה)</span><br>[email* email-827 30/ class:gg] </label>
<label><span> תקציב להשקעה</span><br>[text text-214 30/ class:gg] </label>
<label class="lastsub"> [submit class:gg "שלח"] </label>

我尝试&lt;div&gt; 使用宽度、浮动、显示:内联等,但我认为我的问题在于 html5。

【问题讨论】:

【参考方案1】:

试试这个:

<div class="separate">
<label><span> שם מלא (חובה)</span></label><br>[text* text-3 30/ class:gg]
</div> 

<div class="separate">
<label><span> טלפון (חובה)</span></label><br>[text* text-648 30/ class:gg]
</div>

在 CSS 文件中:

.separatefloat:left;

【讨论】:

你好!欢迎来到 SOF!记住使用语法时记得使用语法高亮标记。

以上是关于如何水平对齐 Contact Form 7 插件表单?的主要内容,如果未能解决你的问题,请参考以下文章

在Elementor中使用Contact Form 7但无法正确对齐文本框

php 除某些页面外,禁用Contact Form 7插件。

Contact form 7插件使用介绍和常见问题解答

wordpress插件Contact Form 7 邮件收不到附件

wordpress contact-form-7 表单 代码如何调用?

谁会使用wordpress的Contact Form 7插件?