CSS解决内容溢出
2015-11-26 15:12
447 查看
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
一个块级元素中有多个子元素,若其中有一个元素的内容分行显示了,则需设定元素宽度,额按后用 "word-break:break-all;/*换行*/"来解决内容分行显示的问题。
如:"width:500px;word-break:break-all;"
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
一个块级元素中有多个子元素,若其中有一个元素的内容分行显示了,则需设定元素宽度,额按后用 "word-break:break-all;/*换行*/"来解决内容分行显示的问题。
如:"width:500px;word-break:break-all;"
相关文章推荐
- js 提示样式 ? 上写提示内容
- Css 详细解读定位属性 position 以及参数
- 【笔记】CSS3 transition属性
- WEB笔记-2 剖析CSS规则
- CSS基础知识真难啊-浮动
- css盒模型margin折叠问题解决方案总结
- iOS下的按钮css去除原生样式
- css隐藏/显示文字的方法
- Html+Css+base标签是什么及其作用介绍
- DTCMS会员中心快速更改样式思路
- css+div布局案例
- htmlcss渐变及兼容性
- 9、手把手教你Extjs5(九)使用MVVM特性控制菜单样式
- 如何设置css3中placeholder的字体颜色
- css选择器学习总结
- WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu
- css布局你该了解的
- 【snippet css】持续更新
- css 实现单行文本 多行文本垂直居中
- Ext学习笔记——grid表格渲染自定义样式