html行内元素和块级元素及其居中问题

1.html行内元素总结:span、a、lable、strong、b、textarea、em、select、label、i、img等。

    性质:设置width、height、margin-bottom、margin-top、padding-top、padding-bottom设置无效。可以通过line-height设置行高。

   居中:

      水平居中:

                     div{tex-align:center;}

     垂直居中:

                     div{height:20px; line-height:20px; }

    水平垂直居中:

                    div{height:20px; line-height-0px; tex-align:center}

 

2.块级元素:div 、table、ul、form、p、h1、ol(有序列表)、dl等。

      水平居中:

                      div p{width:300px; margin:0 auto;}    p标签一定要设置宽度

    垂直居中:

                      1.设置父容器宽度

                      2.为要居中的元素添加样式{margin:0 aotu; height:200px; line-height:200px;}

            

           


posted on 2017-08-09 14:05  aiaibibi  阅读(345)  评论(0编辑  收藏  举报

导航