首页 > Web开发 > 详细

html中的行内元素和块级元素

时间:2020-09-29 23:25:15      阅读:8      评论:0      收藏:0      [点我收藏+]

标签:类型转换   style   NPU   button   tab   div   

行内元素

不能控制宽高,不独占一行。常用的行内元素标签:

<a>
<b>
<br>
<button>
<img>
<input>
<label>
<select>
<span>
<textarea>
<video>

 

块级元素

可控制宽高,独占一行。常用的块级元素标签:

<div>
<header>
<nav>
<section>
<article>
<aside>
<footer>
<audio>
<caption>
<form>
<table>
<dd>
<dl>
<dt>
<tr>
<td>
<ul>
<ol>
<li>
<h1> to <h6>
<hr>
<p>

 

元素类型转换

1.行内转块display: block;

2.块转行内display: inline;

3.转行内块display: inline-block;元素可控制宽高,不独占一行。

html中的行内元素和块级元素

标签:类型转换   style   NPU   button   tab   div   

原文:https://www.cnblogs.com/Willa-Wei/p/13752131.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号