html – Vertical-align：bottom不行

概述我认为vertical-align应该使用内联元素。然而，由于某种原因，灰色div中的一切都与顶部对齐，而不是底部。 <div style="position:absolute; top:130px; right: 80px; width: 230px; background-color:Gray; height:30px;" class="defaultText" id="pager"> 我认为vertical-align应该使用内联元素。然而，由于某种原因，灰色div中的一切都与顶部对齐，而不是底部。

<div   ID="pager">    <span >Page Size:</span>    <select >        <option value="50">50</option>        <option value="100">100</option>        <option value="200">200</option>        <option value="500">500</option>        <option value="10000">*</option>    </select>    <div >        <span ><</span>        <input  type="text" data-bind="value: pageNum" />        <span > of </span>        <span  data-bind="text: numPages"></span>        <span >></span>    </div></div>

解决方法 除非你正在处理一个表格单元格，否则什么是垂直对齐方式，使元素相对于相邻元素，特别是文本对齐。所以，灰色div中的元素应该相互排列，而不是div的底部。参见 http://phrogz.net/css/vertical-align/index.html的例子。 总结

以上是内存溢出为你收集整理的html – Vertical-align：bottom不行全部内容，希望文章能够帮你解决html – Vertical-align：bottom不行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。