截取html页面的文章内容显示前一部分内容

本文介绍了解决列表项内容过长时导致页面布局错乱的问题。提供了两种解决方案,一种是通过修改表格样式来限制单元格内容的显示长度,另一种是在内容标签中直接应用样式以达到同样的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如果展示一个列表,内容过长,样式就会错乱。如图:


更改后 :


如何把长的内容截取指定的长度

1、<table  width="100%"; style="table-layout: fixed;"> 

2、  <th width="10%">内容</th>  这个是内容对应的title 给一个宽度就可以 

3、<td style="white-space:nowrap;overflow: hidden;text-overflow:ellipsis">{$value['content']}</td>

就ok拉


方案二:



因为文字太长,显示乱板,则:使用一个标签就可以了 在内容里面加一个样式  ,overflow:hidden;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值