css的显示模式display记录笔记
- 黄舟原创
- 2016-12-28 16:18:211874浏览
html中 标签的显示模式，即display由css设置控制，一下作为记录
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 标签模式 display</title>
<style>
strong {
/* 隐藏 标签，占有空间 */
/*visibility: hidden;*/
/*标签不显示, 不占空间*/
/*display: none;*/
/*块级标签*/
/*display: block;*/
background-color: red;
}
/*
宽高 边距 独占行
块级 y 上下左右 y
行内块级 y 左右 n
行内元素 x 左右 n
*/
.div1 {
display: inline-block;
}
</style>
</head>
<body>
<span>这是 一个span标签</span>
<br>
<strong>这是 strong 标签</strong>
<b>1234567</b>
<hr>
<b>1234567</b>
<div> 这是 一个div </div>
<b>1234567</b>
</body>
</html>以上就是css的显示模式display记录笔记的内容，更多相关内容请关注PHP中文网（www.php.cn）！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：css设置文字属性的示例下一篇：css的伪类和伪元素使用示例