浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

2019-01-15 09:01:57王旭

  • p{ background:green; color:red; text-align:center;}     font{background:green;color:red; text-align:center;display:block;}    
  • 同理,要是块级转换为行内了,文本也不能居中显示了。

    因为在html中,行内元素被视为有文字特性的标签,块级能使文本水平居中,那么在块级当中的行内标签被视为文本的特性,那么块级使用text-align:center;的话,里面的行内标签会被像文本一样水平居中在块级标签中:

    不加text-align:center;时:

  • p{ padding:5px;background:green; color:red;}     font{ background:yellow;}    
  • <p>         <font>我是行内标签font</font> <font>我是行内标签font</font>    
  • </p>    
  • 加上text-align:center;后

  • p{ padding:5px;background:green; color:red;text-align:center;}     font{ background:yellow;}    
  • 这次主要是讲一下html中显示模式的特性,如果本文对您有帮助,记得推荐一下哦!

    原文地址:http://www.cnblogs.com/xcaocao/archive/2016/07/07/5649828.html