站内引用添加到编辑器后在编辑器显示错乱？一招告诉你怎么解决

public\static\libs\ueditor\themes\iframe.css

添加如下代码：
~~~
~~~
.topic-box{border:1px solid #ccc;padding:5px;position:relative;}.topic-box .topic-img{width:120px;text-align:center;background:#eee;}.topic-box .topic-img img{width:auto;max-width:120px;max-height:90px;}.topic-box .topic-text{position:absolute;left:130px;top:5px;}.topic-box .topic-title{line-height:180%;font-weight:bold;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}.topic-box .topic-content{text-indent:20px;color:#888;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}.topic-box .topic-content a{color:#888;}@media (min-width:1024px){.topic-box .topic-title{font-size:16px;}.topic-box .topic-content{line-height:180%;}}@media (max-width:600px){.topic-box .topic-title{line-height:120%;-webkit-line-clamp:2;line-clamp:2;}.topic-box .topic-content{font-size:13px;}}
~~~
~~~
添加代码之前的样子：
![](https://img.kancloud.cn/91/0d/910d26305082a32229ddf34a1da0003e_759x488.png)
添加代码之后的样子
![](https://img.kancloud.cn/3d/80/3d8017c71a9e53366d9925edcb81b043_827x530.png)

本文链接：https://x1.wanxiangsucai.com/read/385.html

推荐站内引用添加到编辑器后在编辑器显示错乱？一招告诉你怎么解决

相关文章推荐

齐博X1教程专栏最新文章

齐博X1教程专栏文章推荐

建站工具推荐

您可能感兴趣的文章