html overflow什么意思
意思:HTML溢出;
HTML缩写:超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
overflow
英 [ˌəʊvəˈfləʊ] 美 [ˌoʊvərˈfloʊ]
vt.& vi.
溢出,淹没;挤满,充满;洋溢;资源过剩
n.
泛滥,溢出物;溢流管;充溢,过多;超出额
vi.
泛滥,溢出;充溢
adj.
溢出的,满出的
扩展资料:
定义和用法
overflow属性规定如何处理如何处理不符合元素框的内容。
语法:
Object.style.overflow=visible|hidden|scroll|auto
可能的值
值描述
visible内容不会被修剪,会呈现在元素框之外。
hidden内容会被修剪,但是浏览器不会显示供查看内容的滚动条。
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto由浏览器决定如何显示。如果需要,则显示滚动条。
实例
本例使用overflow来显示溢出元素框的内容:
<html>
<head>
<style type="text/css">
div
{
border:thin solid green;
width:100px;
height:100px;
}
</style>
<script type="text/javascript">
function hideOverflow()
{
document.getElementById("div1").style.overflow="hidden";
}
</script>
</head>
<body>
<div id="div1">
This is some text.This is some text.This is some text.
This is some text.This is some text.This is some text.
This is some text.This is some text.This is some text.
</div>
<br/>
<input type="button"onclick="hideOverflow()"
value="Hide overflow"/>
</body>
</html>
推荐于2017-10-06
最主要的用法有两种
<div style="width:500px;height:22px;line-heihgt:22px;overflow:hidden">这里有一大长串文字</div>
作用是当宽度文字超出500px,高度超出22px的时候,超出的部分隐藏起来……
overflow:auto;
作用是当超出设定的长宽时,出现滚动条