CSS white-space normal nowrap强制同一行内显示所有文本不换行
来源:互联网 发布:matlab拟合数据 图例 编辑:程序博客网 时间:2024/04/29 03:02
1.多用于标题的字数很多 ,但不想换行 为了隐藏超出的部分 就用overflow:hidden样式。
1、white-space语法: white-space : normal nowrap
2、white-space参数:
normal : 默认处理方式
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行。DIVCSS5推荐使用white-space:nowrap强制不换行。
3、white-space说明: white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内容
通常我们使用white-space:nowrap强制文本文字内容不换行,在对象内一行显示完所有文字内容。
css代码:<style> div{ width:120px; height:60px; line-height:20px} .divcss5{ white-space:nowrap} </style>
html代码:<div class="divcss5">内容将在一行内强制显示完整</div> <div class="divcss5">内容使用br换行<br /> 将会不被<br />换行显示</div>
总结:
为了让文字内容在一行内显示完,哪怕宽度不够也不能换行,我们可以使用white-space样式。
但如果遇到了html br强制换行标签,无论是设置white-space与否都会被
强制换行。
0 0
- CSS white-space normal nowrap强制同一行内显示所有文本不换行
- CSS强制不换行(white-space:nowrap)IE使用问题
- white-space: nowrap;强制标签不换行
- 文本不换行white-space: nowrap;
- CSS td里面两个input不换行设置(white-space: nowrap)
- 一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
- 强制文本在同一行显示
- 用CSS让字体在一行内显示不换行
- 用CSS让字体在一行内显示不换行
- 用CSS让字体在一行内显示不换行
- 用CSS让字体在一行内显示不换行
- 用CSS让字体在一行内显示不换行
- CSS文本换行:white-space、word-break、word-wrap
- white-space: nowrap
- white-space: nowrap 导致有宽度也不换行的问题
- 在IE6 下span标签换行问题解决--》 'white-space:nowrap' 仅作用在纯文本内容上
- 强制在一行内显示所有文本,不回行,对象内文本溢出时显示省略标记
- CSS强制文本不换行、溢出处理
- 算法总结——判断闰年
- 206. Reverse Linked List
- HDU#2199:Can you solve this equation?
- 数据仓库与数据挖掘(一)
- Octopress 搭建静态博客站点 --- 为站点侧边栏添加分类列表(Categories)
- CSS white-space normal nowrap强制同一行内显示所有文本不换行
- MATLAB处理RGB图像时如何获得单通道,以及如何根据各单通道恢复彩色图像
- urlencode和rawurlencode的区别
- java.util.concurrent 包中Executor与Executors的区别
- 关于UDP 数据包长度的选择
- ADB远程调试/网络调试
- yii加载自定义类advanced
- [JavaScript]常用的JS格式验证
- Singleton的写法