gpt4 book ai didi

javascript - CSS中方向属性的奇怪行为

转载 作者:行者123 更新时间:2023-11-28 02:30:50 29 4
gpt4 key购买 nike

当我遇到这种奇怪的行为时,我只是在启用自动保存模式的情况下在 Codepen 上玩弄 CSS,

这是我的代码-

var inner_div = document.querySelector('.inner-div');
var width = inner_div.offsetWidth;
if(width > 200)
{
inner_div.style.fontSize = '20px';
}
.outer-div {
display: flex;
height: 3.5em;
width: 10%;
border: 2px solid #000000a3;
margin-left: 200px;
align-items: center;
border: 1px solid green;
direction: rtl;
white-space: nowrap;
overflow-x: auto;
}
.inner-div {
font-size: 40px;
}
<html>
<head>
</head>
<body>
<div class = "outer-div">
<div class = "inner-div">
Hello World
</div>
</div>
</body>
</html>

当我启用了自动保存模式时,我会在每次按键时检查文本是否从右向左附加,但是当我按下斜杠 (/) 或任何算术运算符时(+, -, *),然后首先将它们附加到左侧,然后如果下一个按键是字母数字,则它会自动将其附加到表达式的右侧。例如,如果我键入 c,然后是 b,然后是 a,则它会显示为“abc”(根据 direction: rtl 属性的要求),但如果我随后键入斜杠 (/),则显示为/abc,然后如果我键入任何字母数字字符,例如 d,则显示为 abc/d。有人可以向我解释一下这样做的原因。谢谢。

最佳答案

我认为 Slash 有 BiDi(双向)类。同样的事情!和其他特殊字符。它在周围文本的上下文中应用方向

关于javascript - CSS中方向属性的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47715326/

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