美文网首页
42.CSS display property

42.CSS display property

作者: 锐視角RaysJoe | 来源:发表于2019-12-04 15:55 被阅读0次

  • block

  • inline

使用<span>pro<span>

  • span element 是一个inline display element

  • h1,p之类是block

常见的inline元素

那既然inline那么方便，为什么还会有block呢

截屏2019-12-04下午3.26.25.png

如图所示，inline无法改变其宽度

我们能改变它们的display属性，如下图所示

截屏2019-12-04下午3.29.04.png

改完之后，<p>不能占据一行了

<span>不能并排排列了

所以当我们想要既能修改宽度，又能占据一行的时候怎么办呢

  • inline-block帮助你

  • 如下图所示

截屏2019-12-04下午3.33.40.png

  • 另外还有一个属性，是none

  • 另外一个是visibility: hidden;跟none的作用不一样，这个是隐藏，但是控件的空间还在那里

相关文章

网友评论

      本文标题：42.CSS display property

      本文链接：https://www.haomeiwen.com/subject/mwllgctx.html

      延伸阅读

      深度阅读

      • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

      栏目导航

      热点阅读

      关于我们|服务条款|联系我们|42.CSS display property|投稿指南|网站地图|RSS订阅|排版工具|手机版

      提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

      Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

      备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

      本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

      所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！