标签归档：overflow
overflow属性
在旅游网站建设中overflow属性我们经常用于线路的标题显示上。有些线路标题太长如旅游线路标题：“意大利歌诗达邮轮天津·济州·福冈·长崎·天津6晚7天游”，这时我们就可以用overflow属性把过长的标题隐藏一部份显示。示例如下： <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>隐藏旅游网站建设中标题过长的部份</title> <style type=”text/css”> #abc{ width: 300px; overflow: hidden; white-space: nowrap; } </style> </head> <body> <div id=”abc”>意大利歌诗达邮轮天津·济州·福冈·长崎·天津6晚7天游,隐藏旅游网站建设中标题过长的部份</div> </body> </html> 要注意的是我们在用overflow属性时一般会和white-space、width这两个属性配合使用。上面示例的意思是abc这个方框宽里面的内容不换行显示。如果超过宽度超过300像素。那么就把超出的部份隐藏悼。怎么样，效果不错吧。 ：） overflow属性也同样有四个属性值分别是：visible、hidden、scroll、scroll。visible属性值，它告诉浏览器要显示所有内容，即使内容超出了元素显示区域也要使其可见。 hidden属性值强迫浏览器隐藏所有超出分配空间的内容，使其对用户来说不可见。scroll属性值会为元素创建滚动条，浏览者用它就可以看到隐藏的内容。但是，即使内容没有超出显示范围，也会添加滚动条。 如果添加固定的滚动条，当动态文档中元素内容的大小发生变化时，可以确保滚动条不会变来变去。这样做的缺陷是滚动条会造成某种干扰，并转移人们的注意力。对ovreflow属性运用auto值就可以避免所有这些情况。当设置为auto时，滚动条仅会在需要的时候才出现。如果元素内容改变时没有出现剪切现象时，会从该元素中去除滚动条。 所以我们在旅游网站建设时对于overflow属性最常用的属性值是hidden属性值和auto属性值。在实际的运用中，我们经常在旅游网站的线路标题和出国签证的说明上用到。