为什么我设置的vertical-align:bottom不起作用 ？

Question

<div  style="height:40px;line-height:40px;vertical-align:bottom;">       <select id="alt_id" name="alt_id">           <s:iterator value="idList">              <option value="<s:property value="id"/>">                         <s:property value="id"/>              </option>                            </s:iterator>       </select>       <label id="alt_idnm"><s:property value="alt_idnm"/></label> </div> 如上所示 我想把div中的内容底部对齐 加一个select时 select 顶端对齐 加一个select 和一个label时 它们就居中对齐 vertical-align:bottom不起作用 为什么?

Answer 1

vertical-align是对元素本身进行设定，而不是对元素内容设定的吧。所以你要加在select、label上

Answer 2

div的style加一个float:left，假如再对不齐，把div高度设置好点，自然就齐了。