css怎么设置溢出不换行


本文摘自PHP中文网,作者藏色散人,侵删。

css设置溢出不换行的方法:首先创建一个HTML示例文件;然后定义div;最后通过设置“overflow: hidden;text-overflow:ellipsis;”等css样式实现溢出不换行效果即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

css怎么设置溢出不换行

css文本溢出不换行,省略号显示

单行文本溢出;

设置宽度,多于文本溢出,显示省略号;

1

2

3

4

5

6

div{

width:300px;   

overflow: hidden;   

text-overflow:ellipsis;   

whitewhite-space: nowrap;

}

多行文本溢出;

阅读剩余部分

相关阅读 >>

css怎么设置颜色渐变

带你玩转css中各种方向小箭头

html中使用css的方法有哪几种

css tab-size属性怎么用

css的工作过程介绍(图文)

css怎么去掉文字前的点

css怎么控制字体大小

如何利用css实现放大缩小关闭效果

jq怎么恢复原来的css样式

css @keyframes规则怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...