gpt4 book ai didi

css - 在 IE 上调整窗口大小时自动换行不起作用

转载 作者:行者123 更新时间:2023-11-28 07:25:54 25 4
gpt4 key购买 nike

我有一个简单的 html 布局,它有 3 个 div。 div 由边框线分隔。中间的 div 有很长的文字。我通过应用样式 word-wrap:break-word 来打破长文本。问题在于 window resize(当窗口尺寸较小时),文本与边框线重叠。这仅在 IE(版本 11)上发生,但适用于 chrome 和 FF。

请指教如何解决 IE 上窗口调整文本对齐问题。这是 html:

<html>
<body>
<div style="border-right-style: solid;border-width:1px;">
text goes here
</div>
<div style="border-right-style: solid;border-width:1px;">
<span style="word-wrap:break-word;"> XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy</span>
</div>
<div>
XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy
</div>
</body>
</html>

最佳答案

问题是 span 是一个内联元素。尝试使用 div 或使其成为 display: block

<html>
<body>
<div style="border-right-style: solid;border-width:1px;">
text goes here
</div>
<div style="border-right-style: solid;border-width:1px;">
<span style="word-wrap:break-word; display: block;"> XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy</span>
</div>
<div>
XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy
</div>
</body>
</html>

关于css - 在 IE 上调整窗口大小时自动换行不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31819474/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com