欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:22选5河南最新开奖今 > DIV+CSS基础 >

CSS基础必学列表

CSS white-space norma nowrap强制同一行内显示所有文本不换行

22选5河南最新开奖今 www.gsf5k.cn 22选5河南最新开奖今 white-space norma nowrap强制同一行内显示所有文本文字,让所有文字内容中一排显示不换行。

让文字不自动换行,无论22选5河南最新开奖今宽度设置多少,所有文字都在一行内显示。特别是标题列表,我们想一行只显示一条标题内容,而有时宽度有限标题文字多了width(宽度)又有限,这样会造成文字自动换行,这个时候我们可以使用white-space样式让他一排显示不换行,当然我们为了隐藏超出的文字内容我们可以再加一个css overflow:hidden样式。

扩展了解知识
1、html br换行//www.gsf5k.cn/html/h324.shtml
2、html p段落//www.gsf5k.cn/html/h360.shtml
3、CSS隐藏超出溢出宽度高度内容方法//www.gsf5k.cn/jiqiao/j345.shtml

一、white-space语法与结构   -   TOP

1、white-space语法:
white-space : normal nowrap

2、white-space参数:
normal :  默认处理方式
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。22选5河南最新开奖今推荐使用white-space:nowrap强制不换行。

3、white-space说明:
white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容

通常我们使用white-space:nowrap强制文本文字内容不换行,在对象内一行显示完所有文字内容。

二、white-space实践案例   -   TOP

我设置2个对象盒子,一个设置强制同行显示文本内容。第二个设置强制同行显示,但使用html br标签观察效果。为了white-space案例应用效果,我设置css宽度一定120px,css高度为60px,css行高 line-height为20px 。

1、css代码

  1. <style> 
  2. 22选5河南最新开奖今{ width:120px; height:60px; line-height:20px} 
  3. .divcss5{ white-space:nowrap} 
  4. </style> 

2、html代码片段

  1. <div class="divcss5">内容将在一行内强制显示完整</div> 
  2. <div class="divcss5">内容使用br换行<br /> 
  3. 将会不被<br />换行显示</div> 

3、white-space实例截图

white-space强制不换行与br强制换行CSS案例
white-space强制不换行与强制br标签换行

三、white-space总结   -   TOP

日常我们为了让文字内容在一行内显示完,哪怕宽度不够也不能换行,我们可以使用white-space样式,但如果遇到了html br强制换行标签,无论是设置white-space与否都会被<br>强制换行。

如需转载,请注明文章出处和来源网址://www.gsf5k.cn/rumen/r401.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
22选5河南最新开奖今文章修订日期:2013-02-11 16:48 原创:22选5河南最新开奖今
本文22选5河南最新开奖今 www.gsf5k.cn DIVCSS5版权所有。

  • 新阅读模式下的出版转型之路 2018-11-15
  • 我什么时候“反来复去说1+1=2”了?不要无中生有、凭空捏造,还是学点尊重客观事实及其规律吧。 2018-11-15
  • 特稿:邻望邻好同发展——中国改革开放的亚太故事 2018-11-14
  • 科普:“鹊桥”中继星靠什么帮“嫦娥”赴广寒 2018-11-14
  • 世界杯开幕式小旗手来自中国贵州丹寨--旅游频道 2018-11-14
  • 2018年度海军招飞定选录取6月14日全面启动 2018-11-14
  • 70期:开创了中国人太空“开飞船”历史的刘旺 2018-11-13
  • 浙江庞大经贸代表团访问南非受到热烈欢迎 2018-11-13
  • 面包屑-热门标签-华商生活 2018-11-13
  • 战果累累的传奇英雄——吴光浩 2018-11-12
  • 重庆奉节羊市镇“里程长”上岗 小镇大变样 2018-11-12
  • 抗战胜利70周年东方主战场影像馆 2018-11-12
  • 湖北省人民政府门户网站 2018-11-11
  • 鹅肝做成冰淇淋 玉米做成小螃蟹?这位意大利厨神太6了 2018-11-11
  • 合肥市安庆路第三小学介绍护学岗工作的优秀经验 2018-11-10
  • 285| 513| 56| 973| 156| 585| 705| 423| 399| 387|