css文本超出隐藏显示省略号、溢出不换行、溢出省略号显示等实现方法

2021-09-29 10:31:40　来源：海南科技网　繁体　复制　

　　在实际实例中，我们常常需要对网页框架进行个性化的布局，比如标题列表超出页面变两行显示时影响了页面的布局效果，希望将两行变为一行，超出部分内容进行隐藏设置，溢出不换行等既保住了页面的颜值又兼顾了SEO，那该如何实现这样的功能呢?直接上代码，请将在需要的DIV加上如下代码即可实现：

overflow:hidden; //超出文本隐藏
white-space:nowrap; //溢出不换行
text-overflow:ellipsis; //溢出省略号显示两行或多行省略实现
word-break:break-all;//溢出强行换行

　　本网声明：海南科技网发布此文仅出于信息分享，并非赞同其观点或证实其描述，不承担侵权行为的连带责任。投资者据此操作，风险自担。版权归原作者所有，如涉版权或来源标注有误，请联系我们删除。本网原创内容未经书面授权，任何单位或个人不得转载和摘编。

　　帝国CMS wap新闻列表页调用标题缩略图及为空时随机显示指定图片：　　<?php
while($r=$empire->fetch($sql))
{
$titleurl="sh查看全文>>

海南网　2022-02-16 19:51:15

　　帝国cms 手机端wap列表页调用多个栏目标题缩略图方法：
<?php
$page=intval($_GET['page']);
$query="select * from p查看全文>>

企业供稿　2022-02-16 19:49:38

　　帝国cms 手机端wap列表页调用标题缩略图及为空时显示指定图片方法：

<?php
while($r=$empire->fetch($sql))
{
$titleurl="sh查看全文>>

海南网　2022-02-16 11:48:46

[求助]内容分页：无分页时怎么隐藏这个DIV？内容分页，我在模板上这么写：
<div>[!--page.ur查看全文>>

海南网　2022-01-23 23:04:12

　　相信需要站长在实际模板制作中，会遇到想在不同页面实现不同的显示标题字数，使网站更加完美。那么帝国cms如何实现有副标题时优查看全文>>

海南网　2022-01-18 23:08:17

[e:loop={"$GLOBALS[navclassid],716,743,742",'10,6',0,0}]<li><a href="<?=$bqsr['titleurl']?>" title="<?=e查看全文>>

海南网　2022-01-05 17:34:13

猜您喜欢