当前位置:首页 > 网站制作 > Html/CSS教程 > 正文

CSS中nowrap属性禁止文字自动换行

  • 2011-05-17
  • 来源:阿龙网
  • 作者:
  • 人气:0
  • 评论:0
设计页面的时候,我们往往需要把内容在一行里面显示,也就是禁止让文字自动换行, 没有使用CSSnowrap属性时文字自动换行效果

设计页面的时候,我们往往需要把内容在一行里面显示,也就是禁止让文字自动换行,首先来看下下面的图片:

nowrap范例

没有使用CSS nowrap 属性时文字自动换行效果

我们可以看到在没有定义 white-space: nowrap; 属性的时候,链接文字会自动换行,而这些效果并不是我们想要的。以上的例子是在做友情链接的时候采用了 li 左浮动所出现的问题(因为每个链接的字数无法确定,所以无法定义 li 的固定宽度)。解决方法也很简单,只要在 li 属性里面加上 white-space: nowrap; 声明就可以了。

语法:

white-space : normal | pre | nowrap

参数:

normal : 默认处理方式

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

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

说明:

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

应用示例:

p { white-space: nowrap; }

相关推荐

网友评论

共有0条评论

您的评论需要经过审核才能显示!

热门评论

热门排行

图文信息

相关专题

最新信息