空间大图吧 性感美女
您现在的位置:首页 >> 网站编程 >> 网站建设 >> 内容

惠州网站建设:CSS中巧用 nowrap 属性禁止文字自动换行

时间:2010-12-8 22:51:53 点击:2438

  核心提示:设计页面的时候,我们往往需要把内容在一行里面显示,也就是禁止让文字自动换行,首先来看下下面的图片:...
设计页面的时候,我们往往需要把内容在一行里面显示,也就是禁止让文字自动换行,首先来看下下面的图片:
我们可以看到在没有定义 white-space: nowrap; 属性的时候,链接文字会自动换行,而这些效果并不是我们想要的。以上的例子是在做友情链接的时候采用了 li 左浮动所出现的问题(因为每个链接的字数无法确定,所以无法定义 li 的固定宽度)。解决方法也很简单,只要在 li 属性里面加上 white-space: nowrap; 声明就可以了。

语法:

white-space : normal | pre | nowrap

参数:

normal : 默认处理方式

pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。

nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。

说明:

通过设置 white-space属性可以改变对象内空格的处理方式。

应用示例:

p { white-space: nowrap; }


小虾工作室温馨提示:本文来源于网络,如有侵权,请及时通知小虾工作室,给你带来不便敬请谅解。)

tags: nowrap  分类:首页 >>网站编程 >> 网站建设  

阿权为企业提供全套SEO服务,包括网站整站SEO优化、百度SEO、百度优化、google优化、谷歌SEO、搜索引擎关键词排名、惠州网站推广、网络营销咨询、seo顾问等网站优化服务,如果您不想赚钱,那么请不要找阿权,阿权不成功不收费。
要赚钱找阿权

淘宝购物
作者:Admin 来源:网络
  • 上一篇:选择国外注册域名购买主机优点
  • 下一篇:没有了
  • 相关文章
    • 没有相关文章
    共有评论 0相关评论
    发表我的评论
    • 大名:
    • 内容:
  • 龙部落-电脑技巧-软件技巧-小虾组装电脑博客(m.john163.cn) © 2014 版权所有 All Rights Reserved.
  • 小虾工作室,小虾组装电脑博客。雨后小故事 hao123 雨后的故事 粤ICP备09208532号-2
  • Powered by小路工作室!龙部落V2.5
  • 网站地图 80s 雨后的故事 动态图片
  • 龙部落温馨提示:本站信息资源,均来自网络,仅供参考,不作为任何法律依据,敬请注意!如果您已辨别信息真伪,请告知我们!
  • 本站内内容如有侵犯到您的权利,请立即通知龙部落,龙部落会及时删除,给你带来不便敬请谅解。
  • 互联网安全