css怎么让文字多后自动缩小不让他换行

html-css086

css怎么让文字多后自动缩小不让他换行,第1张

目前css没有这种功能,而且如果真能多了就自动缩小的话,文字大小不一不是更难看么?

可以做到的是text-overflow:ellipsis让多出来的部分变成省略号,然后在title上提示完整文字内容

最简单的 就是给你看下原理 你可以自己修改

<span style="font-size:16px" onclick="this.style.fontSize=(parseInt(this.style.fontSize.replace('px',''))+2)+'px'">单击放大文字</span>

顺便说明parseInt是把字符串变数字 replace是把取得的css属性里的px去掉 原css里字体大小使用font-size控制 在js里对这种中间有横杠的都需要把横杠去掉并把第二个单词的首字母大写