元素的显示方式
2018-02-13 本文已影响3人
追逐_chase
timg.jpg
元素的分类
-
块级元素
- 特点：单独占一行，可以给这个元素设置宽高
- 显示方式(display)：block
- 所属的标签有：div,p,h,ul,lo,ol,dl
-
行内元素
- 特点：可以多个标签放在一行，但是给标签设置宽高没有作用
- 显示方式(display):inline
- 所属的标签有：span,b,u,i,ins,strong,em
-
行内块级元素
- 可以多个标签放在一行，可以设置宽高
- 显示方式(display)：inline-block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
li{
display: inline-block;
}
</style>
</head>
<body>
<div>
<ul>
<li><a href="#">新闻</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">新闻</a></li>
</ul>
</div>
</body>
</html>
