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設定文字屬性的範例