html表单居上对齐,html – 如何在表单上布局文本和输入以适合特定宽度(对齐)？...

您基本上需要

text-align-last: justify,它指定块元素中“最后一行文本”的对齐方式,默认为标准方向,保留在LTR中.

SO question 15994654

#fields {

width: 1000px;

border: 1px solid gray;

}

.justified {

text-align-last: justify;

}

label1

label2

label3

label4

这适用于IE和Firefox(对于较旧的Firefox版本,如有必要,请添加-moz-text-align-last：justify),但这在基于Webkit的浏览器(Chrome / Safari)中失败.为了覆盖这些浏览器,您需要将以下内容替换为.justified,以便最后一行不再显示为“最后一行”,因此text-align：justify可以通常的方式完成其工作：

.justified {

text-align: justify;

}

.justified:after {

content: '';

display: inline-block;

width: 100%;

}

请注意,text-align-last：justify以这种方式变得多余.

这是jsfiddle demo.