css的显示模式display记录笔记

来源：爱问旅游网

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>

违法及侵权请联系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务