更新时间:2022-02-05 23:01:18
让我们向您解释如何在css中使用display属性。相信朋友们也应该密切关注这个话题。现在,我们来谈谈如何在css中为朋友使用display属性。边肖还收集了如何在css中使用display属性的相关信息。我希望你看到后会喜欢。
css中显示属性的用法:1。将元素从一种类型转换为另一种类型,例如,使用“display:inline语句可以将块块元素转换为内联元素;2.隐藏元素,语法为“display:none”。
本教程操作环境:windows7系统,CSS3版本,戴尔G3电脑。
显示属性:将元素从一种类型转换为另一种类型。
显示属性的值:
内联:内联元素
块:块元素
内嵌块:内嵌块元素
表格:显示为表格,类似于表格元素。
表格行:以表格的形式显示,类似于tr元素。
表格单元:以表格的形式显示,类似于td元素。
无:隐藏元素
示例:
!声明文档类型
超文本标记语言
头
meta charset='UTF-8 '
风格
img{
display:块;/*包装图片*/
}
div{
宽度:48%;
border: 1px纯红;
display:内联块;/*区块分割*/
}
/style
标题显示/标题
/head
身体
img src='././img/coffee.jpg' alt=" "
img src='././img/coffee.jpg' alt=" "
差异
div1
/div
差异
div2
/div
/body
/html
(学习视频分享:css视频教程)以上就是如何在css中使用display属性的细节。请多关注php中文网站的其他相关文章!
来源:php中文网站