通常，类似这样的操作会将.free-entry元素强制换行。
.free-entry:before {
content: '\A';
white-space: pre;
}
但是我遇到了无法正常工作的情况。
我有一个无序列表，每个列表中都有li一个.free-entry元素。我试图将.free-entry元素强制换行，但是没有运气...
li .free-entry:before {
content: '\A';
white-space: pre;
}
通常情况下display:block会工作得很好，但li就是display:table-row这么块不起作用。
li {
display:table-row;
}
这是一个小提琴，目的是更加清晰。
之所以不起作用，是因为.free-entry是一个input元素。
在替换元素input为1的情况下，不支持伪元素。
因此.free-entry:before {...}什么也没做。
有关更多详细信息，请参见此帖子
作为解决方法，您可以在标签上放置：after伪元素，如下所示：
label:after {
content: '\A';
white-space: pre;
}
li {
display: table-row;
}
label:after {
content: '\A';
white-space: pre;
}<ul>
<li>
<input type="checkbox" value="Other" name="choosemanytest_other[5]" checked="" />
<label>Other</label>
<input type="text" class="free-entry" value="A Tiger" />
</li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句