内联元素与块级元素
今天踩坑里了,这两家伙,终于见识到真面目.我得反思下哪些是块级元素,行内元素.
- Block 可设置宽度,高度,占一行.
- inline 没有高度,不能独占一行,宽度由内容撑开
- 二者可以互相转换
- inline-block: 可设置宽度,高度,和其他 元素在一行
HTML中的块级,行内元素
- block:
<div> <p>、<h1> <h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form>
- inline:
<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
- inline-block:
<img> <input>