小编给大家分享一下CSS中溢出属性如何使用,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
, CSS中溢出属性是经常可以用到的属性,接下来的这篇文章我们就来看看CSS中溢出属性的具体用法。
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; title> CSS overflow
& lt;链接rel=皊tylesheet"类型=拔谋?css"href=https://www.yisu.com/zixun/" sample.css ">
头
<身体>
欧洲语言是同一个家庭的成员。各自的存在是一个神话。科学、音乐、体育等,欧洲使用相同的词汇。语言>隐藏/* */div.hid { 宽度:200 px; 身高:100 px; 溢出:隐藏; background - color: # FF9999; }/* */滚动 div.scr { 宽度:200 px; 身高:100 px; 溢出:滚动; background - color: # 99 ff99; }/* */可见 div.vis { 宽度:200 px; 身高:100 px; 溢出:可见; background - color: # 9999 ff; }
在浏览器上显示如下结果
<强>当溢出的属性值是隐藏时强,效果如下
div.scr {
宽度:200 px;
身高:100 px;
空白:nowrap;}
溢出:滚动;
background - color: # 99 ff99;
}
效果如下
div.vis {
宽度:200 px;/*高度:100 px;*/溢出:可见;
background - color: # 9999 ff;
}
效果如下
头
<身体>
aut
欧洲语言是同一个家庭的成员。各自的存在是一个神话。科学、音乐、体育等,欧洲使用相同的词汇。语言> div.aut { 宽度:200 px; 身高:100 px; 溢出:汽车; 背景颜色:红色; }
在浏览器上运行的效果和滚动相似
