CSS:用overflow替代left截取特定长度标识符串

日期:2020-10-28 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板


以便避免文章内容题目太长超出器皿(td,div)宽度而显示信息成多行,大家一般要对题目开展解决让其显示信息在1行,一般应用的方式有两种:1种方式是在顾客端用CSS设定器皿的overflow特性;另外一种方式则是在服务器端用left涵数对题目标识符串开展截取。两种方式一般状况下都能做到大家的目地:
<style type="text/css">
div{
width:200px;
overflow:hidden;
}
</style>
<div>轻轻地松松在网页页面中插进单选按钮/复选框</div>
<div><% =Left("轻轻地松松在网页页面中插进单选按钮/复选框",11) %></font></div>
今日大家来较为1下它们的优缺陷:
1.解决地址不一样
1个坐落于顾客端,1个坐落于服务器端。能在顾客端解决的尽可能不必在服务器端解决,减轻服务器压力,这1标准大伙儿都了解了。
2.解决目标的不一样
CSS是对器皿特性开展设定,left是对题目标识符串开展解决,哪一个更有效?回应这1难题前大家先问下:为何要对题目长度开展解决?为的便是"让题目长度不超出器皿长度"便可!CSS是对器皿特性开展设定,当题目长度超过器皿长度时就开展解决;而left的做法是对每一个题目开展解决,将题目的长度都操纵在大家检测得出的长度n范畴内[left(title,n)],有1刀切的嫌疑。可见前者更具有效性。
3.对html解决的简单性
这1点是最能说动我用CSS的理由。有时因为一些缘故,大家会在1些题目中添加了html编码,如:<font color="#FF0000">轻轻地松松在网页页面中插进单选按钮/复选框</font>,大家要想的結果理应是让题目无法显示为两行,但还要确保仍为鲜红色!这点left做不到,要做到实际效果大家先得把html除去,随后对余下的标识符串开展截取,再加上html,十分的不便;而css彻底没理会html,真实保证"只对标识符串开展解决",十分便捷,如:
<style type="text/css">
div{
width:200px;
overflow:hidden;
}
</style>
<div><font color="#FF0000">轻轻地松松在网页页面中插进单选按钮/复选框</font></div>
<div><% =Left("<font color=""#FF0000"">轻轻地松松在网页页面中插进单选按钮/复选框</font>",11) %></font></div>
选用left不但达不到实际效果,有时还会致使网页页面显示信息错误!相比之下,用哪个大伙儿内心了解。