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

时间：2017-04-09

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

不加text-align:center；时：

XML/HTML Code复制内容到剪贴板
  1. p{ padding:5px;background:green; color:red;}    
  2. font{ background:yellow;}    
XML/HTML Code复制内容到剪贴板
  1. <p>    
  2.     <font>我是行内标签font</font> <font>我是行内标签font</font>    
  3. </p>    

加上text-align:center;后

XML/HTML Code复制内容到剪贴板
  1. p{ padding:5px;background:green; color:red;text-align:center;}    
  2. font{ background:yellow;}    

这次主要是讲一下html中显示模式的特性，如果本文对您有帮助，记得推荐一下哦！

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

  • 共2页:
  • 上一页
    • 2/2下一篇
    上一篇：html制作细线表格的简单实例 下一篇：HTML 隐藏滚动条和去除滚动条的方法

    相关文章

    最新文章

    Copyright © 2022-2023 HTML5模板网 版权所有并保留所有权