Fatal编程技术网
  • responsive-design/
  • Responsive design 在响应性布局上，输入标签的智能垂直对齐

Responsive design 在响应性布局上，输入标签的智能垂直对齐

responsive-design

Responsive design 在响应性布局上，输入标签的智能垂直对齐,responsive-design,vertical-alignment,liquid-layout,Responsive Design,Vertical Alignment,Liquid Layout,我有一个经典的表单，左边是标签，右边是输入字段。 该网站反应灵敏，流动性强，因此如果没有足够的空间，标签内容可以分成两行，而不是一行 这是基本标记： <div class="row"> <label>Label</label> <input type="text"> </div> 标签 此时我需要“两行标签”与其他标签一样垂直居中。 使用表会很容易，但我试图让站点表免费，同时避免使用JS进行布局 此外，该站点需要与IE8协

我有一个经典的表单，左边是标签，右边是输入字段。 该网站反应灵敏，流动性强，因此如果没有足够的空间，标签内容可以分成两行，而不是一行

这是基本标记：

<div class="row">
  <label>Label</label>
  <input type="text">
</div>


标签
此时我需要“两行标签”与其他标签一样垂直居中。 使用表会很容易，但我试图让站点表免费，同时避免使用JS进行布局

此外，该站点需要与IE8协同工作，因此不可能使用一些很酷的CSS3属性

有办法解决这个问题吗？

我不是100%确定我能理解。您的意思是，在响应模式下查看时，希望标签显示在输入字段上方。而且，它应该适合多行，但垂直居中？不，总是使用相同的布局，标签在左侧，但文本分为两行，以减少空间。你必须做一个IE的底部修复，你不必担心