Align form elements with css

时间:2015-07-28 作者:ChristianUlle

我正在制作网页上的表格:http://www.xn--l-klubben-k8a.dk/opret-egen-oel/

我希望标有“Kommentar til duften”的文本框与右侧但下方的两个框对齐。

我尝试了以下css,它帮助我使两个框向右浮动并垂直对齐到顶部:

@media only screen and (min-width: 1050px) {

div#fscf_div_field3_9, div#fscf_div_field3_10, div#fscf_div_field3_11 {
  float:right !important;
  clear:none !important;
  width:45% !important;
  display:inline-block;
  }

#FSContact3 {
  max-width: 590px !important;
  }

#FSContact3 div {
  vertical-align:top;
  }

#fscf_div_field3_4, #fscf_div_field3_5, #fscf_div_field3_6, #fscf_div_field3_7, #fscf_div_field3_8 {
  width:50% !important;
  clear:none !important;
  display:inline !important;
  }

#fscf_div_clear3_4, #fscf_div_clear3_5, #fscf_div_clear3_6, #fscf_div_clear3_7, #fscf_div_clear3_8, #fscf_div_clear3_9, #fscf_div_clear3_10, #fscf_div_clear3_11 {
  clear:none !important;
  display:inline !important;
  }

#fscf_submit_div3 {
  width:50% !important;
  }
}
我觉得我只需要改变一件简单的事情,但我不知道要做什么。

1 个回复
最合适的回答,由SO网友:denis.stoyanov 整理而成

目前您有:

#fscf_form3 div {
    margin-bottom: 6px;
}
如果你把它增加到11,你可以看到方框向右对齐。基本上,使用适当的选择器,您需要增加margin-topdiv 或者margin-bottomdiv 在它上面。

结束

相关推荐

我需要注册我自己创建的.js和.css文件吗

我有几个。js和。我为主题创建的css文件。(not a child theme)样式和脚本目前都是硬编码在头上,并按要求工作。现在我读了很多关于寄存器和排队的信息,并移动到页脚(我也知道,将脚本加载到页脚是为了更好地加载页面。)我的问题:我是否需要先注册,然后将它们同时排队(.js和.css)如果是,为什么还需要注册它们?imho可以工作的示例,或者?add_action( \'wp_enqueue_scripts\', \'our_theme_scripts_styles\' ); funct