首 页 | 联系我们 | 关于优化网 | 中国阀门网-阀门88网 WEB优化行业门户网站-WEB-YOUHUA.CN
当前位置 : 首页 >> 网络推广 >> CSS使用overflow隐藏超出范围的内容
返回首页

CSS使用overflow隐藏超出范围的内容

时间:2012-12-26 11:59:35 来源:中国优化网 作者:youhua 人气: 1220 发表评论  匿名投稿
CSS使用overflow隐藏超出范围的内容,这是一个经典的CSS好示例,大家在WEB设计的时候都会遇到的问题,CSS给我们提供了多种解决方案,使用text-overflow, overflow, white-space(中国阀门网-中国泵阀网-五金机械网)

CSS使用overflow隐藏超出范围的内容,这是一个经典的CSS好示例,大家在WEB设计的时候都会遇到的问题,CSS给我们提供了多种解决方案,使用text-overflow, overflow, white-space等,可以完美控制字符的溢出或超出现象。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS使用overflow隐藏超出范围的内容</title>
</head>
<body>
<div id="example">
<div id="example_main">
<style type="text/css">
.textOverFlow {
width:300px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
border:1px solid #ddd;
}
</style>
<div class="textOverFlow">
各类源码、CSS特效代码及常用软件下载。</div>
</div>
</div>
</body>
</html>

”欢迎转载www.web-youhua.com文章,谢谢

(责任编辑:youhua)
------分隔线----------------------------
本公司致力于网站建设,网站优化,搜索引擎优化(SEO),Google左侧排名等服务。欢迎转载收藏web-youhua.com
用户名:  验证码:   
理智评论文明上网,拒绝恶意谩骂  [ 查看全部 ] 网友评论
相关推荐