html overflow什么意思

意思：HTML溢出；

HTML缩写：超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必备的。

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来显示溢出元素框的内容：

&lthtml&gt

&lthead&gt

&ltstyletype="text/css"&gt

div

{

border:thinsolidgreen

width:100px

height:100px

}

&lt/style&gt

&ltscripttype="text/javascript"&gt

functionhideOverflow()

{

document.getElementById("div1").style.overflow="hidden"

}

&lt/script&gt

&lt/head&gt

&ltbody&gt

&ltdivid="div1"&gt

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

Thisissometext.Thisissometext.Thisissometext.

&lt/div&gt

&ltbr/&gt

&ltinputtype="button"onclick="hideOverflow()"

value="Hideoverflow"/&gt

&lt/body&gt

&lt/html&gt

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，两种方法可以实现：一是用程序开截取字符长度，二是用样式来做。

css样式如下：

[css]

.css1{

color:#6699ffborder:1px #ff8000 dashed

margin-bottom:20px

width: 20em/*不允许出现半汉字截断*/

}

.css2 {

overflow: hidden/*自动隐藏文字*/

text-overflow: ellipsis/*文字隐藏后添加省略号*/

white-space: nowrap/*强制不换行*/

width: 20em/*不允许出现半汉字截断*/

color:#6699ffborder:1px #ff8000 dashed

}

[/css]

html代码如下：

[html]

<div class="css1">Web前端开发 _ 专注于网站前端设计与Web用户体验</div>

<div class="css2">Web前端开发 _ 专注于网站前端设计与Web用户体验</div>

[/html]

<st这yle type=”text/css”>

.css1{

color:#6699ffborder:1px #ff8000 dashed

margin-bottom:20px

width: 20em/*不允许出现半汉字截断*/

}

.css2 {

overflow: hidden/*自动隐藏文字*/

text-overflow: ellipsis/*文字隐藏后添加省略号*/

white-space: nowrap/*强制不换行*/

width: 20em/*不允许出现半汉字截断*/

color:#6699ffborder:1px #ff8000 dashed

}

</style>

<div class=”css1″>Web前端开发 _ 专注于网站前端设计与Web用户体验</div>

<div class=”css2″>Web前端开发 _ 专注于网站前端设计与Web用户体验</div>

---