html – 列布局垂直对齐

概述我希望实现以下布局： 但是,我似乎无法使文本垂直对齐. 我试过浮动div,但无法让它工作. 使用创建上述内容的最少元素,而不是使用表格,最简单,最语义的方法是什么？ 如果你真的想使用div,请执行以下 *** 作： <div style="overflow:auto"> <div style="float:left">left stuff</div> <div style="float:r 我希望实现以下布局： @H_301_7@

@H_301_7@但是,我似乎无法使文本垂直对齐.

@H_301_7@我试过浮动div,但无法让它工作.

@H_301_7@使用创建上述内容的最少元素,而不是使用表格,最简单,最语义的方法是什么？

解决方法 如果你真的想使用div,请执行以下 *** 作： @H_301_7@

@H_301_7@

<div >    <div >left stuff</div>    <div >        <div>right top stuff</div>        <div>right bottom stuff</div>    </div></div>

@H_301_7@如果需要,给予宽度/高度

总结

以上是内存溢出为你收集整理的html – 列布局垂直对齐全部内容，希望文章能够帮你解决html – 列布局垂直对齐所遇到的程序开发问题。

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