请问css里，用content插入“换行符”时如何避免空白行？

kandict · 发表于 2019-1-28 16:25:49

词典本来中文直接跟在英文后面，我想让中文另起一行，就加入了如下语句：

.DEF .cn_txt::before
{
content: "\A"; white-space: pre;
}

总的来说是正常的，唯一的问题就是：
若英文正好满满一行，那它本来就打算换行了，我加了这一句，就多出一个空白行。
请问如何避免这种情况？

dfliaoyue · 发表于 2019-1-28 19:10:16

kandict 发表于 2019-1-28 18:01
不行，这只能前后加内容，不能加各种属性如display。

这个代码绝对没问题，我经常用这个换行，加个height属性还能变相设置“行距”。
这东西叫做伪元素，意思就是你可以把这货当作一个真正的元素去设置属性。

只看该作者 · 发表于 2019-1-28 16:46:25

加我这个就行了。你那个可以删掉了。

只看该作者 · 发表于 2019-1-28 16:27:55

.DEF .cn_txt {
display:block;
}

kandict · 发表于 2019-1-28 16:37:33

本帖最后由 kandict 于 2019-1-28 16:39 编辑

bbs 发表于 2019-1-28 16:27
.DEF .cn_txt {
display:block;
}

似乎不行啊，就是ff的Ldoce5++。而且加入block修改以后基本所有中文定义前面都出现了空白行。如图
[url=http://upload.ouliu.net/][/url]

kandict · 发表于 2019-1-28 16:48:32

bbs 发表于 2019-1-28 16:46
加我这个就行了。你那个可以删掉了。

好使，谢谢~

tsisrep · 发表于 2019-1-28 17:48:06

before {
content: "";
display: block;
}
行不

kandict · 发表于 2019-1-28 18:01:57

tsisrep 发表于 2019-1-28 17:48
before {
content: "";
display: block;

不行，这只能前后加内容，不能加各种属性如display。

kandict · 发表于 2019-1-28 21:13:01

dfliaoyue 发表于 2019-1-28 19:10
这个代码绝对没问题，我经常用这个换行，加个height属性还能变相设置“行距”。
这东西叫做伪元素，意思 ...

你引用的我那句话，是回应 “tsisrep” 的。 “bbs” 的方法是可行的。我感觉你看乱了吧？

dfliaoyue · 发表于 2019-1-28 21:19:47

kandict 发表于 2019-1-28 21:13
你引用的我那句话，是回应 “tsisrep” 的。 “bbs” 的方法是可行的。我感觉你看乱了吧？ ...

没看乱。
.DEF .cn_txt::before{content:''; display: block;}
我不想或不能设置display时，就用这招来换行。

kandict · 发表于 2019-1-28 21:31:09

dfliaoyue 发表于 2019-1-28 21:19
没看乱。
.DEF .cn_txt::before{content:''; display: block;}
我不想或不能设置display时，就用这招来换 ...

你说的对，是我晕了。
回到顶楼的具体这个问题，加这个没效果，与不加一样。
[URL=http://upload.ouliu.net/][/url]

kandict · 发表于 2019-1-28 21:32:51

tsisrep 发表于 2019-1-28 17:48
before {
content: "";
display: block;

你说的对，是我晕了。
回到顶楼的具体这个问题，加这个没效果，与不加一样。
图在11楼：https://www.pdawiki.com/forum/fo ... 842&pid=1087727
就不再贴了

dfliaoyue · 发表于 2019-1-28 21:53:39

kandict 发表于 2019-1-28 21:32
你说的对，是我晕了。
回到顶楼的具体这个问题，加这个没效果，与不加一样。
图在11楼：https://www.pdaw ...

朗文5++吧，我刚测试了，没问题。
把css文件传上来看看？

dfliaoyue · 发表于 2019-1-28 22:01:43

kandict 发表于 2019-1-28 21:32
你说的对，是我晕了。
回到顶楼的具体这个问题，加这个没效果，与不加一样。
图在11楼：https://www.pdaw ...

或者你看看是不是把 .cn_txt 给设成inline-block之类的块级元素了？

kandict · 发表于 2019-1-28 22:32:52

本帖最后由 kandict 于 2019-1-28 22:34 编辑

dfliaoyue 发表于 2019-1-28 21:53
朗文5++吧，我刚测试了，没问题。
把css文件传上来看看？

是的朗文5++2.15。 goldendict QT4，不会是因为这个因素吧？这里把不相干的全去了，就相当于原文件最后加了几行。

dfliaoyue · 发表于 2019-1-28 22:45:58

kandict 发表于 2019-1-28 22:32
是的朗文5++2.15。 goldendict QT4，不会是因为这个因素吧？这里把不相干的全去了，就相当于原文件最后加 ...

不知道。实测浏览器上可行，qt5可行。

kandict · 发表于 2019-1-28 22:58:56

dfliaoyue 发表于 2019-1-28 22:45
不知道。实测浏览器上可行，qt5可行。

感觉qt5启动太慢换的qt4。那等多会儿换回qt5再看吧。谢谢~

tsisrep · 发表于 2019-1-29 16:42:26

试了下，没有问题

kandict · 发表于 2019-1-29 16:50:27

tsisrep 发表于 2019-1-29 16:42
试了下，没有问题

我这儿不行，也许是goldendict版本问题，不试了。谢谢~

[求助] 请问css里，用content插入“换行符”时如何避免空白行？

本帖被以下淘专辑推荐:

评分

评分