块级元素和内联元素
2017-02-16 本文已影响9人
哒哒DaDa
虽然之前过了一遍html,但是好多都模糊了,最近做项目又遇到一些问题,或是自己不清楚的概念之类的,所以打算把项目中遇到的一些问题记录下来,巩固记忆。
大多数 HTML 元素被定义为块级元素或内联元素。
块级元素在浏览器显示时,通常会以新行来开始(和结束)。
例子:<h1>, <p>, <ul>, <table>,<div>
内联元素在显示时通常不会以新行开始。
例子:<b>, <td>, <a>, <img>,<span>
所以要让某些内容放在一行,可以
<div>
<span>内容1</span>
<a>内容2</a>
</div>
这样就可以把span和a标签的内容放置一行。
如果想把两个内容放置在不同行,直接使用块级元素,
<div></div>
<p></p>
这样div和p标签的内容就各为一行了。