css 中display 属性

最新推荐文章于 2024-04-23 21:54:41 发布

xiabe

最新推荐文章于 2024-04-23 21:54:41 发布

阅读量146

点赞数

分类专栏： css 文章标签： css display

本文链接：https://blog.csdn.net/xiabenshu/article/details/89920287

版权

css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

display：inline 和 none

<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>

<body>
<p>本例中的样式表把段落元素设置为内联元素。</p>

<p>而 div 元素不会显示出来！</p>

<div>div 元素的内容不会显示出来！</div>
</body>
</html>

结果

两个p被显示成一行了。
在这里插入图片描述

inline-block

nav {
display: inline-block;
vertical-align: top;
width: 25%;
}
.column {
display: inline-block;
vertical-align: top;
width: 75%;
}

区别

从网站中的一些例子中看不出区别。
感觉它们的区别就是维不维持这个盒子形状：
在这里插入图片描述

优惠劵

xiabe

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css 中display 属性

display：inline 和 none<html><head><style type="text/css">p {display: inline}div {display: none}</style></head><body><p>本例中的样式表把段落元素设置为内联元素。</p>...
复制链接

扫一扫