css - 如何使表单标签和内容内联?
问题描述
我需要在表单中对齐标签和内容,但我尝试过的代码都没有。
预期的
目前看起来像
我创建的css代码是这样的:
.crm-webform, .crm-webform-label, .crm-webform-fieldset, .crm-webform-input-label, .crm-webform-group, .crm-webform-input, .crm-webform-label-content {font-family: Open sans, 'Open sans', Lato, sans-serif; font-size:14px; color:black; margin: 0px 0px 3px 0px; }
.crm-webform-input {height: 32px; } .crm-webform-icon {height: 22px; line-height: 30px;} #LEAD_UF_CRM_5BEF2B8E126AA { padding: 1px 3px 1px 3px; height:60px; resize: both;
overflow: auto;} label[for=LEAD_UF_CRM_1550937652], label[for=LEAD_UF_CRM_1550937755] {height:0px; color:transparent; opacity:0; margin: 0px 6px 0px 6px;}
.flexible-middle-width, .crm-webform-header-container {background-color:transparent; background-opacity:0.4;}
/*#bx_form_iframe_6 , .crm-webform-block .bx_form_iframe_12 */
.*, * {background-color:transparent; background-opacity:0.4; font-family:Open-sans, Open sans, 'Open sans', Lato, sans-serif; color:black; }
h1, .crm-webform-header {color:black; font-family:Open-sans, 'Open sans', Lato, sans-serif; font-weight: bold; size:26px; letter-spacing: 1px; margin: 6px 0px 0px 0px;}
.crm-webform-input {font-weight:600; } .crm-webform-checkbox-container, .crm-webform-checkbox-radio, .crm-webform-checkbox-name {display:inline; font-family:Open-sans,'Open sans', Lato, sans-serif; font-size:14px; color:black; padding: 0px 4px 0px 9px;}
解决方案
如果您将这些属性设置为此类.crm-webform-field-string
(或创建另一个类),它将起作用:
.crm-webform-field-string {
display: flex;
align-items: center;
}
剩下的只是给margin-right
标签容器设置一个。
例如:
margin-right: 30px;
推荐阅读
- python - 在 python 2.7 中列出谷歌云存储中的文件
- r - 黑客在循环内重启 Rstudio 会话......来自 Rstudio
- latex - R Markdown 和希腊字母中的乳胶
- javascript - 如何在 expo 应用程序中处理共享意图(发送图像)?
- wordpress - How to get post thumbnail and title into two containers through WP_Query?
- node.js - 错误:配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化
- mysql - 何时注意 SQL 查询中的 NULL 值?
- c++ - 计算单词中的音节 C++
- python - 你如何静态输入一个变量,所以它只需要一个大于 0 的整数
- html - 表单/按钮问题