如何水平对齐 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>
我尝试<div>
使用宽度、浮动、显示:内联等,但我认为我的问题在于 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插件。
wordpress插件Contact Form 7 邮件收不到附件