css的显示模式display记录笔记

2020-11-27 来源：爱站旅游

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记录笔记