两个窗格HTML中的一个窗口

时间:2015-10-30 16:37:59

标签: html centering

我希望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:让我使用水平规则创建的行与页面一起滚动,或者使用页面的长度增长。

非常感谢任何帮助或参考资料。感谢。

1 个答案:

答案 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>