dt-Element中的文本显示不同。在IE / Edge中,自动换行:break-word属性会因为在与FF / Chrome不同的地方打破搅拌而产生“错误”显示。
这是不受欢迎的IE / Edge变体:
这是所需的Chrome / FF版本:
该部分的html下方:
<dl class="f2f" id="yui_3_17_2_2_1466067872224_80">
<dt id="yui_3_17_2_2_1466067872224_108">Sitzungsdatum/-uhrzeit</dt>
<dd>20. Oktober 2017, 10:00 - 14:00 Europa/Berlin</dd>
<!-- more content of the same structure -->
</dl>
这是相关的css:
@media (min-width: 1200px)
@media screen and (min-width: 500px)
.f2f dt {
clear: left;
float: left;
text-align: right;
width: 23%;
}
.f2f dt {
word-wrap: break-word;
}
我尝试使用空格和分词属性来解决这个问题,但还没有用。
感谢你们给我的任何帮助:)
*为html和css内容编辑