CSS文字溢出部分自动用"..."代替
2017-04-26 17:59
197 查看
CSS文字溢出部分自动用"..."代替
如html部分:
CSS样式
当页面缩至一定大小时,效果如下:
如html部分:
<h4><马尔代夫双鱼岛Olhuveli4 晚6 日自助游></h4> <p>上海出发,机+酒包含:早晚餐+快艇</p>
CSS样式
#tour h4{ white-space: nowrap; /*文本不换行*/ overflow: hidden; /*溢出部分隐藏*/ text-overflow: ellipsis; /*溢出部分用"..."代替*/ } #tour p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
当页面缩至一定大小时,效果如下:
相关文章推荐
- <p>内容溢出文字用"..."代替,且内容某部分内容必须显示在同行后面
- CSS设置一行文字,超出部分自动隐藏
- 删除新建快捷方式自动加的"-快捷方式"文字
- 把字符串放到规定的范围内,超出的部分自动变为"..."完美解决 shilong [原作]
- css 文字超出部分使用...代替
- CSS设置文字不换行,超出部分用 ... 代替
- 文字超长自动省略,以...代替,CSS实现
- 文字溢出部分自动滚动显示
- CSS 文字多行超长,自动用省略号"..."表示
- 使用CSS不用程序实现文字自动截断 用省略号代替
- CSS实现文本溢出的部分用省略号代替的方法
- 用css截取字符实现文字自动截断隐藏溢出文本
- css控制文字溢出用点(省略号)代替
- css设置文字不换行,超过的部分用“...”代替
- datagrid表格内容溢出用"..."处理的css
- 纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)
- css中要求文字必须是一行,超出部分自动隐藏的问题
- 文字超长自动省略,以...代替,CSS实现
- css设置文字不换行,超过的部分用“...”代替
- JQuery:使用 toggle 切换 css 时,checkbox不能选中的解决方法;在checkbox中"放入"文字