html控制内容显示多余的显示省略号,后面紧跟详细两个字

因为内容是从数据库取出来的带有html标签的,有换行 等字符,所以后台不知道怎么处理,放前台用CSS样式的overflow,省略号后面又没办法紧跟详细这带有链接的两个字,不想箱下图那样,怎么办

给div加上这个样式试试
.target{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
}追问

不行

追答

不好意思没看清你需求 你是要让‘详情’紧跟着省略号后面是吗?
如果是这样的话那你要对html内容处理下把最后一段的换行\r\n之类的替换成空字符串就好咯,后台前台都可以做到的。

追问

图上的详细换行显示并不是数据库里带了换行符,而是加CSS式样控制内容显示时变成那样的,现在就是想让详细紧跟在省略号后面

温馨提示:内容为网友见解,仅供参考
无其他回答

html控制内容显示多余的显示省略号,后面紧跟详细两个字
.target{ white-space:nowrap;width:12em;overflow:hidden;border:1px solid #000000;}

html文字超出显示...
ellipsis : 显示省略标记来表示文本溢出。使用text-overflow属性可实现溢出时显示省略号的效果。例如:div { text-overflow : ellipsis; } text-overflow属性仅用于指示是否显示省略标记。要实现溢出文本显示省略号的效果,还必须定义:文本强制在一行内显示(white-space:nowrap)以及内容溢出隐藏(overflow:hi...

【HTML】div、p等标签里的文字内容太长,让其显示省略,鼠标滑入再悬浮完...
置为对应的参数,完成省略显示node.style.webkitLineClamp=parseInt(row);node.classList.add("anpai-hide");\/\/添加鼠标滑入,悬浮提示的完整内容(title)node.title=node.innerText;

CSS+div 控制多行文本的显示,多余的以省略号显示
html参考代码,加注释的部分就是实现多行文本省略的必要属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<\/title><\/head><style> .comment_inner{ width: 200px; word-break: break-all; text-overflow: ellipsis; display: -webkit...

在html中文字超出表格边框隐藏 用省略号代替,但是要能复制文字的全部内...
你可以点击该链接,然后按快捷键ctrl+A就可以全选连接内容,然后按ctrl+c就可以复制全部内容;

html 网页内容超出时不显示
width: 20em;\/*不允许出现半汉字截断*\/ } .css2 { overflow: hidden; \/*自动隐藏文字*\/ text-overflow: ellipsis;\/*文字隐藏后添加省略号*\/ white-space: nowrap;\/*强制不换行*\/ width: 20em;\/*不允许出现半汉字截断*\/ color:#6699ff;border:1px #ff8000 dashed;} [\/css]html代码如下:...

html5 让显示不完的文字自动省略号 是什么属性
ellipsis; \/\/ 超出的文字部分用...来显示 display: -webkit-box; \/\/ 将<p>变成高度定死,宽度自适应的行内块元素}<p>这里有很长的文字这里有很长的文字这里有很长的文字这里有很长的文字<\/p>text-overflow: ellipsis 是变成省略号的选项,但其他属性须存在才能达到想要的效果。

dreamweaver如何让文字超出部分文字用省略号显示
<li><a href="#"><nobr>• 第二排测试内容超出显示省<\/nobr><\/a><\/li> <li><a href="#"><nobr>• 能显示完几个字<\/nobr><\/a><\/li> <\/ul> <\/body> <\/html>这是一个例子,也就是利用css的text-overflow:ellipsis 属性进行设置--这可以做到内文本溢出时显示省略号...

css怎么让p中超出长度的文字省略号显示
1、第一步,打开html编辑器并创建一个新的html文件,例如:index.html,见下图,转到下面的步骤。2、第二步,完成上述步骤后,在index.html中的<style>标记中,输入CSS代码,见下图,转到下面的步骤。3、第三步,执行完上面的操作之后,浏览器运行index.html页面。 如果此时文本超过2行,则多余的...

CSS实现溢出显示省略号
首先,单行文本超出显示省略号。实现代码包括HTML部分和CSS部分。例如京东首页的部分切图,此时可以使用上述代码实现。其次,多行显示省略号。同样提供HTML部分和CSS部分的实现代码。实际应用场景中,内容会折行显示,第二行多余部分显示省略号,由于内容字数不固定,需要动态设置,实现多行显示省略号的方法。...

相似回答