FF& Chrome v.s.中的分词差异IE&安培;边缘

时间:2016-06-16 08:26:05

标签: html css

dt-Element中的文本显示不同。在IE / Edge中,自动换行:break-word属性会因为在与FF / Chrome不同的地方打破搅拌而产生“错误”显示。

这是不受欢迎的IE / Edge变体:

enter image description here

这是所需的Chrome / FF版本:

enter image description here

该部分的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内容编辑

0 个答案:

没有答案