两种利用CSS样式截取标题长度的方法 无需使用函数实现
![]() | ![]() | ![]() | ![]() |
| 【性价之王】 | 【线路之王】 | 【价格之王】 | 【配置之王】 |
| 【免费之王】 | 【香港首推】 | 【梯子之王】 | 【独服之王】 |

比如我们在制作网站模板的时候,或者选择下载到某个认为不错的默认,可能由于细节的问题,侧边栏或者文章列表调用的文章标题过长。我们需要通过手段进行截取,在\”自动截取ZBLOG PHP摘要字符数量内容的函数\”文章中,我需要实现ZBLOG PHP内容的截取,我是用到SubStrUTF8函数。
但是并不是所有的CMS都有内置的函数,如果没有我们则需要添加才可以,最为简单的方法,我们可以用CSS样式进行截取标题的长度。
第一、用于SPAN或者LI的标题样式
.text-css {
display:block;
width:31em;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
我们只需要将.text-css样式应用到LI或者SPAN中,上面的样式,蜗牛可以根据需要进行修改截取长度。
第二、表格TABLE截取样式
table{
width:30em;
table-layout:fixed;}
td{
width:100%;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
以上是针对表格的时候进行截取的,一般我们用的少。
猜你可能想看的VPS
- 优惠 HostKvm→全新上线美国圣何塞 CN2 VPS 美国山河城 2美国VPS[主机]
- QQ 空间被封怎么办?QQ 空间被封如何填写申诉解封?虚拟空间(主机)
- walkerservers→€35 月 I7-2600 16GB 内存 全球[VPS测评]
- 数脉科技五一劳动节促销 香港 cn2+bgp 独立服务器 330 元 月独立服务器[U]
- HKBTELE→699 元 月 E3-1225 16G 内存 1TB 硬日本VPS[主机]
- 网速一般-ShockHosting→$3.7 月 200G 硬盘 美国洛美国VPS[主机]
- include_once 与 require_once 的区别全球[VPS测评]
- HKServerSolution→359 元 季-2GB 15G SSD全球[VPS测评]
- SmartHost→$6.95 月 KVM-8GB 40GB 2TB 洛全球[VPS测评]
- 促销 死海网络→洛杉矶 CN2 GIA 线路月付直降 50 元 圣何塞不全球[VPS测评]
- 阿里云香港服务器测评 稳定高速的香港免备案云服务器 119 元 年香港VPS[主机]
- DesiVPS元旦 洛杉矶便宜VPS 1.5G内存年付仅20刀全球[VPS测评]
- 百度统计是否会影响博客在百度的优化排名?全球[VPS测评]
- 1美元的便宜 VPS 推荐全球[VPS测评]
- Hosterbyte → 6$ 月 1C2G20G硬盘 1T流量 印度尼日本VPS[主机]
- Dominios → 6.2€月付 1C2G20G硬盘 葡萄牙 无限流量全球[VPS测评]
- HKSS 2G 内存 20G SSD 2T流量 100M带宽 香港 Ce香港VPS[主机]
- CloudCone 512 内存 20G HDD 1T流量 洛杉矶 MC全球[VPS测评]
- 拼多多拟建跨境电商平台:挖角SHEIN员工,0佣金招商入驻全球[VPS测评]
- 再“掷”53亿元 宜家能否挽回中国消费者全球[VPS测评]
- CentOS 7.x 系统安装和配置redis-7.0.4集群全球[VPS测评]
- 阳帝云:新年快乐666个现金优惠券,香港CN2 GIA、美国CN2高防V美国VPS[主机]
- 云米科技:美国CERA三网回程GIA 10Mbps大带宽,年付最低400美国VPS[主机]
- 腾讯云免备案云服务器:香港/德国/美国/俄罗斯等可选,低至300元/年美国VPS[主机]
- 阿里云服务器一年价格多少钱?阿里云服务器报价全球[VPS测评]
- 锤子云:香港CN2云服务器15元/月,三网CN2线路回程,建站vps专属香港VPS[主机]
- 无忧云怎么样?大连BGP德阳100G高防香港CN2VPS云服务器香港VPS[主机]
- 欧路云:香港vps上新8折优惠 – 加拿大/新加坡/法国vps 6折优惠香港VPS[主机]
- CMIVPS:香港vps/2核/2GB/20GB空间/不限流量/KVM/虚拟空间(主机)
- 乐趣云怎么样?香港美国云服务器首月8.8元,新增IP5元/个美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-39742.html











