DIV css 相对父容器 水平、垂直 居中

    xiaoxiao2021-03-25  135

    终于把它写出来了。哈哈

     

    <div style="width:100%;height:100%;position:relative;overflow:hidden;"     ><br style="line-height:0;"     /><div style="position:relative;top:50%;left:50%;"><br style="line-height:0;"     /><div style="position:relative;           background-color:Yellow;           height:200px;width:200px;           margin-top:-100px;margin-left:-100px;overflow:auto;"     ><br style="line-height:0;"     /><div>         名称:<asp:TextBox runat="server" ID="name"></asp:TextBox>     </div>     <br />     <div>         显示名:<asp:TextBox runat="server" ID="TextBox1"></asp:TextBox>     </div>     </div>     </div>     </div>

     

    前3层DIV是必须的。

    如果是IE可以去掉第一层DIV.

     

    下面4个数据:

    height:200px;width:200px;           margin-top:-100px;margin-left:-100px;"

    必须人工计算。

     

     

    --以后有时间再写完全自动的布局的css

    转载请注明原文地址: https://ju.6miu.com/read-9092.html

    最新回复(0)