首页 > 代码库 > 1116

1116

  今天主要就讲了两点,一是<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标签还是比较常用的,在网页的编码编写时,可以很好的利用。

1116