css display mode display record notes

黄舟

Release： 2016-12-28 16:18:21

Original

1881 people have browsed it

The display mode of tags in html, that is, the display is controlled by css settings, and it is recorded as a record

<!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>

Copy after login

The above is the content of the css display mode display record notes. For more related content, please pay attention to the PHP Chinese website (www .php.cn)!

Related labels：

css display display mode

source：php.cn

Previous article：Example of setting text attributes in css Next article：Examples of using css pseudo-classes and pseudo-elements

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn