display:inline;的作用是什么?

它可以让行内显示为块的元素,变为行内显示,例如

<div> DIV1 </div>

<div> DIV2 </div>

这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了

<div style= “display:inline “> DIV1 </div>

<div style= “display:inline “> DIV2 </div>

DIV1和DIV2这时候显示在同一行了,试试看吧。

和 display:inline 对应的是 display:block,block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了

<span style= “display:block “> SPAN1 </span>

<span style= “display:block “> SPAN2 </span>

推荐阅读

  1. Ubuntu下Apache开启Rewrite模块
  2. 重启阿帕奇( apache )命令
  3. 织梦(dedecms)调用不到{dede:global.cfg_keywords/}等自定义标签值
  4. 如何设置SuiteCRM通过IP访问?【不通过域名访问SuiteCRM】
  5. WordPress上添加Description(描述)和Keywords(关键词)标签代码
  6. 路由功能防火墙和防火墙功能的路由器有什么区别?
  7. 如何在CENTOS 7上安装Apache Cassandra
  8. ISPconfig修改php.ini位置

2人评论了“display:inline;的作用是什么?”

发表评论

电子邮件地址不会被公开。 必填项已用*标注