署理加盟 2019全新署理方案 挣钱+省钱左右开弓,独立渠道,丰盛赢利!

您现在的方位: unibet网 > 站长学院 > 建站教程 >

CSS3超越宽度显现省掉号...

来历:不知道 发布时刻:2019-03-30热度:我要谈论
在写WEB前端代码时,有些CMS会能依照志愿操控字数多少,在自适应页面设置的时分就方便了,运用CSS款式 p.title{ width:200px; height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 第三句是文字超越了规则的宽度高度则躲藏,尽管对查找引擎没...

unibet注册unibet淘宝店开业,好礼送不断

       在写WEB前端代码时,有些CMS会能依照志愿操控字数多少,在自适应页面设置的时分就方便了,运用CSS款式

p.title{
 width:200px;
 height:60px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}

       第三句是文字超越了规则的宽度高度则躲藏,尽管对查找引擎没什么影响,但对用户不友好,形成阅览障碍,影响点击。

       第四句text-overflow特点,规则当文本溢出包括元素时发作的工作。有三个特点

clip 修剪文本
ellipsis 显现省掉符号来代表被修剪的文本
string 运用给定的字符串来代表被修剪的文本

       上面事例会在超越约束宽度后显现省掉号“...”,这个特点归于CSS3,干流浏览器都支撑。IE低版本的就不支撑了,假如想IE6/IE7/IE8支撑CSS3,参阅文章《IE6/IE7/IE8浏览器支撑CSS3》

本文地址:https://www.m88nob1.com/news/1328.html

    责任编辑:unibet网

    宣布谈论

    谈论列表(条)