gpt4 book ai didi

html - 如何防止 IE 删除 "empty"文本节点

转载 作者:太空宇宙 更新时间:2023-11-04 12:56:39 25 4
gpt4 key购买 nike

我使用带有内联 block 子元素的 text-justify 方法构建了一个导航,它在除 IE 之外的任何地方都运行良好。由于我无法控制 HTML 缩小,我在子元素之间添加了一个空格字符 ( ),这使得对齐实际有效。现在,我想不出如何让 IE 单独保留该空间节点而不将其视为空。

此处示例:http://codepen.io/anon/pen/cAskd

<ul>
<li></li>
<li></li>
<li></li>
</ul>

ul {
text-align: justify;
font-size: 0;
list-style: none;
width: 50%;
&:after {
content: "";
width: 100%;
display: inline-block;
}
> * {
display: inline-block;
vertical-align: middle;
width: 20%;
height: 2em;
background: gray;
border: 1px solid red;
font-size: 10px;
}
}

最佳答案

来自 Justify Grid -

Internet Explorer has an issue with font-size: 0; causing whitespace to collapse instead of expanded by justify aligning. There are other ways to hide the pseudo-element like line-height: 0; but Justify Grid is using font-size because it's fixing a Chrome issue as well. Internet Explorer has an easy solution anyway, text-justify: distribute-all-lines;

带解决方案的 fork 笔(在 IE9+ 中测试)-

http://codepen.io/clintioo/pen/ynvhK

关于html - 如何防止 IE 删除 "empty"文本节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25775258/

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