当前位置：Gxlcms > css > css的显示模式display记录笔记

css的显示模式display记录笔记

时间：2021-07-01 10:21:17 帮助过：59人阅读

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.gxlcms.com）！

css的显示模式display记录笔记

人气教程排行