标签:溢出 块级元素 行内元素
今天主要就讲了两点,一是<overflow>溢出,其属性包括:hidden隐藏,auto自(这时会出现滚动条)。然后就是<span>行内元素。下对span解释:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
div{
height: 100px;
width: 200px;
background-color: yellow;
display: inline-block;
}
span{
width: 200px;
height: 100px;
background-color: red;
display: block;
}
</style>
</head>
<body>
<!-- 块级元素 若想变为行内块级元素只需在style中加入display:inline-block属性(特点:具有款及元素的特点,但不能自动换行。)-->
<div></div>
<!-- inline行内元素 不能设置宽高,但可以加入背景色。span不能自动换行,但若想变为div形式的块级元素,可在style中加入display:block属性-->
<span>sss</span>
</body>
</html>
这两种属性不是很常用,但是span标签还是比较常用的,在网页的编码编写时,可以很好的利用。
标签:溢出 块级元素 行内元素
原文地址:http://12266619.blog.51cto.com/12256619/1873596