我正在尝试将元素放在元素的左侧,但是我似乎无法使它们具有相同的高度并且彼此对齐.跨度似乎总是略高一些.
有人有任何想法吗？
闪耀*
编辑：HTML部分
<label for="name">Username: </label> <input type="text" name="name" id="name" value="" maxlength="15"/> <span id="Box" style="display:none"></span>
CSS
span.Box{ position:absolute; width:100px; margin-left:20px; border:1px; padding:2px; height: 16px; } input.name { width: 115px; height: 14px; }
解决方法
如果要在同一行中垂直对齐项目,则可能不需要使它们具有相同的高度 – 只需为vertical-align属性赋予它们相同的值即可.
.myinput,.myspan {
vertical-align: middle;
}
垂直对齐有很多人不理解的是,为了使事物垂直对齐到中间,该行中的所有内容都必须具有“中间”的垂直对齐属性 – 而不仅仅是一个(如跨度).
想象一下,通过任何内联内容运行一条看不见的水平线.通常,文本的基线和图像的底部与此行对齐.但是,如果将vertical-align更改为middle,则元素的中间(文本范围,图像等)将与此行对齐.然而,如果它们仍然将它们的底部或基线与该线对齐,则它不会与其他项垂直对齐 – 它们也需要将它们的中间对齐到该线.
