gpt4 book ai didi

css - -moz-column 在 rtl 方向上不能正常工作

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

我有一个固定高度、固定宽度和 overflow hidden 的 div 容器我需要在 4 列中显示文本

问题是:
使用方向 'rtl' ,firefox 显示最新的 4 列并隐藏其余的但我想显示前 4 列并隐藏其余部分,这是通过将方向切换到“ltr”来完成的,但它是阿拉伯语内容,必须使用“rtl”方向来完成

任何帮助,请!!
抱歉,如果我不能清楚地讨论这个问题

<div class="article">Arabic Content here</div>

.article {
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-width: 40px;
height: 171px;
width: 500px;
overflow: hidden;
text-align: justify;
}

最佳答案

老问题但是:

这是一个 firefox 错误 - 如果您尝试使用 -webkit-column-count: 4; 结合 direction:rtloverflow:hidden 你在 webkit 浏览器中得到你想要的结果。

您必须等到修复程序出现(目前在 FF 6.0.2 中它仍然存在漏洞)。

关于css - -moz-column 在 rtl 方向上不能正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5003960/

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