div居中问题垂直居中，垂直水平居中

最新推荐文章于 2021-10-09 18:06:10 发布

lihaiboas1

最新推荐文章于 2021-10-09 18:06:10 发布

阅读量816

点赞数

文章标签： div float

本文链接：https://blog.csdn.net/lhb_blog/article/details/7247818

版权

垂直居中

<div style="float:left;width:275px;height:375px;border: solid red;">
<div style=" height: 375px; width: 275px; position: relative; display: table-cell; vertical-align: middle;">
           <div style="position:static;position:absolute\9;top: 50%;">
            <div style="position: relative; top: -50%; text-align:center;">
             <div style="width: 275px;">
                       <div style="width: 160px;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;text-align:left;">
            懒人建站懒人建站懒人建站懒人建站懒人建站懒人建站懒人建站懒人建站懒人建站
               </div>
               </div>
                     
               </div>
           </div>
          </div>
</div>

垂直水平居中


<div style="float:left;width:275px;height:375px;border: solid red;">
<div style=" height: 375px; width: 275px; position: relative; display: table-cell; vertical-align: middle;">
           <div style="position:static;position:absolute\9; top: 50%;">
            <div style="position: relative; top: -50%; ">
            
                       <div style="margin:0 auto;width: 160px;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;">
            www.52css.comwww.52css.comwww.52css.comwww.52css.comwww.52css.comwww.52css.comwww.52css.comwww.52css.com
               </div>
             
                     
               </div>
           </div>
          </div>
</div>