设为首页
收藏本站
最新电影
> 子栏目 Asp | Jsp | XML | XSL | Div+Css | 自定义函数 | 数据库 | 脚本特效
您现在的位置: 首页=>后台技术=>div+css 订阅本栏目  
使用CSS禁止文字自动换行
时间: 2008-07-31 17:01:29 阅读次数:4234


white-space: nowrap

当中文文字很长的时候(中间没有空格也没有换行符号),不管是IE还是firefox,到达边界都会自动换行飞@飞Asp技术乐园 但是有的情况,我们并不希望这样飞飞As.p技术乐园比如:当在几个li并排排列,不想让每行的最后的一个li的文字自动换行,那就可以用本属性了
使用这个css属性之后,文本只有在遇到空格或者是换行符的时候才能换行
比如:

div{white-space: nowrap;}
<style type="text/css">
div{width:300px;border:1px solid red;margin:10px;overflow:hidden;}
.nowrap{white-space: nowrap;}
</style>
<div class="nowrap">
这是一段很长的文字中间没有空格也没有换行它不会自动换行直到被截取掉<br />
</div>
<div>这是一段很长的文字中间没有空格也没有换行但它会自动换行<br /></div>





站内搜索    

下一篇ie6,ie7,ie8多版本共存解决方法IETester 0.4.1[支持中文]

上一篇多点调用的 选项卡

本栏目最新 栏目最新列表
微软IE调试工具:SuperPreview for IE(ie6
精选15个国外最流行的CSS框架
CSS2 Media类型使用方法及简介(@Media)
浏览器排版/布局 图片下方出现空隙的问题
使用IE浏览器a链接失效(不能点击)的解决方
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
Transact SQL 常 [1] [2]
VIA Rhine II Fast Ethe
电脑常用端 [1] [2] [3]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
 width= 
伟哥博客 西安房产 123最新电影 三四六四