我希望HTML能够使用水平规则垂直分割屏幕。
<hr width="2" size="1080" color="green">
从那里我有两件事,我不知道该怎么做,也想做。
1:让html将每一方视为一个单独的区域,以便我可以使用此css将左侧居中:
<style type="text/css">
html, body, #tbl_wrap { height: 100%; width: 100%; padding: 0; margin: 0; }
#td_wrap { vertical-align: middle; text-align: center; }
</style>
和这个html:
`<table id="tbl_wrap">
<tbody>
<tr>
<td id="td_wrap">
<!-- START: Anything between these wrapper comment lines will be centered-->
<div style="border: 1px solid white; display: inline-block;">
</div>
<!-- END: Anything between these wrapper comment lines will be centered -->
</td>
</tr>
</tbody>
</table>`
2:让我使用水平规则创建的行与页面一起滚动,或者使用页面的长度增长。
非常感谢任何帮助或参考资料。感谢。
答案 0 :(得分:0)
<div style="float:left;border: 0px solid; width: 49%;overflow-y:scroll;text-align: center">
panel 1
</div>
<div style="float: left; height: 100%"><hr width="2" style="height: 100%" color="green"></div>
<div style="float:right; border: 0px solid; width: 49%;overflow-y:scroll;text-align: center">
panel 2
</div>