找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

css的display属性有哪些

作者:模板之家 2020-10-28 15:38 229人关注

css的display属性有:1、【display: none】把元素隐藏;2、【display: inline】把块级标签变成内联标签;3、【display: block】把内联标签变成块级标签。

css的display属性有:1、【display: none】把元素隐藏;2、【display: inline】把块级标签变成内联标签;3、【display: block】把内联标签变成块级标签。

css的display属性有:

1、display: none:把元素隐藏,物理位置也不在了.

b47a3576729c0df6085af681cbce308.png

2、鼠标移动到c1,c2区域的时候隐藏c1.

a34164113909d4ae2481ce9c0630f98.png

3、display: inline:把块级标签变成内联标签.

56fdfb80b0657b14d9d868d9a130f42.png

4、display: block:把内联标签变成块级标签.

887d1155050b3b9a14df52085cd75c6.png

5、display: inline-block:既有内联标签并排显示的特性,又具有块级标签设置长宽的属性.

这个都是正常文档流,不像float会浮起来.

f49b38469a18b1e9bd2dfa178d2d218.png

6、display: inline-block多出的间隙用margin来调整.

b55d9d1d8f6fb41258077c3a6aecc8f.png

相关免费推荐:《CSS视频教程

以上就是css的display属性有哪些的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)