两种利用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
- Virmach 黑五闪购套餐更新,超优惠 请不停刷新本页面全球[VPS测评]
- Error: php55w-common conflicts with 全球[VPS测评]
- Sharedspace→$4 月 1GB 内存 20GB SSD 空间 虚拟空间(主机)
- CloudFlare 的 DNS 1.1.1.1 和 新出的免费 Clo全球[VPS测评]
- 微信开发→"errcode": -1000,"errmsg": "sys全球[VPS测评]
- 便宜服务器 35 美元 月 E5-2650L 16G 1T 4IP 10全球[VPS测评]
- 疯狂猜成语 图猜成语一个咻字和一只鹤是什么意思?全球[VPS测评]
- 疯狂猜成语 图猜成语一个人胳膊打着绷带 玫瑰花掉在地上 一颗心碎了看着两全球[VPS测评]
- 疯狂猜成语 图猜成语一张弯曲的纸上写着打抱两个字是什么意思?全球[VPS测评]
- 搬瓦工原 DC8 机房不在接入 CN2 GT,建议切换 DC3 或选购搬全球[VPS测评]
- 双十一 恒创科技→香港高防云服务器 4 折起 充值立返 10% CN2 香港VPS[主机]
- 推荐 微基主机→香港 CN2 虚拟主机年付低至 189 元 免备案 三网独立服务器[U]
- 云霸天下 IDC 韩国 CN2 直连服务器促销,100M 独享双向 CN韩国VPS[主机]
- CI 框架提示 Undefined property: XXX::$db全球[VPS测评]
- CentOS7 创建并启用 RAMDISK(内存盘)全球[VPS测评]
- StockVPS 纽约机房 512m内存15g硬盘500g流量100m带全球[VPS测评]
- inkisp-水墨云-台湾静态VPS NAT测试记录(等待虚无中)全球[VPS测评]
- 牛信云入选艾瑞《2022年中国跨境电商服务行业趋势报告》典型厂商全球[VPS测评]
- 美国信贷市场的痛苦将不亚于上世纪70年代的通胀时期美国VPS[主机]
- 做跨境电商,如何打造私域流量?全球[VPS测评]
- 亿速云香港服务器助力企业出海 有哪些具体的特点和优势?香港VPS[主机]
- VPSPlayer,超便宜香港cn2线路小带宽VPS,2核4G内存仅30香港VPS[主机]
- EdgeNat双十二优惠:韩国/香港/美国全场VPS年付,2核2G2M仅韩国VPS[主机]
- RAKsmart促销活动:韩国服务器低价抢购,美国G口服务器低至$99,韩国VPS[主机]
- 言車新车|大阳VPS125混动踏板,长续航,代步通勤9980元起全球[VPS测评]
- CombCloud,香港沙田CN2VPS测评,2核1G52元/月,安畅C香港VPS[主机]
- 拼多多拟建跨境电商平台:挖角SHEIN员工,0佣金招商入驻全球[VPS测评]
- 加拿大以“国安”为由禁止华为、中兴参与5G建设全球[VPS测评]
- 宝塔面板在香港服务器安装启动不了nginx怎么办?香港VPS[主机]
- 极光KVM:香港CN2大带宽vps6折优惠,美国CN2 GIA套餐年付低美国VPS[主机]
转载请注明原文地址:http://140.238.13.167:12355/read-142743.html











