Question

我希望code与direction:ltr direction:rtl在div{direction:rtl !important;} code{direction:ltr; background-color:#eee;padding:2px 5px;}的div中。这是我的例子：

<div>
    سلام این یک <code>var a = 1;</code> کد است.
<div>

d = '123'
list1 = '12345'

import itertools


print(list(map(lambda x:list(map(lambda y:"".join((x,y[0],y[1])),itertools.product(list1,repeat=2))),d)))

正如您所看到的，分号不是正确的情况。如何修复此问题？css？

Answer 1

只需将display: inline-block;插入代码选择器。

code {
   display: inline-block;
   //other css...
}

div{direction:rtl !important;}
code{direction:ltr; background-color:#eee;padding:2px 5px;display: inline-block;}

<div>
    سلام این یک <code>var a = 1;</code> کد است.
<div>

Answer 2

您只需将unicode-bidi: bidi-override添加到code标记即可。您可以在此处详细了解：https://css-tricks.com/almanac/properties/d/direction/

div {
  direction: rtl !important;
}

code {
  direction: ltr;
  unicode-bidi: bidi-override;
  background-color: #eee;
  padding: 2px 5px;
}

<div>
  سلام این یک <code>var a = 1;</code> کد است.
  <div>

更改div中代码元素的方向

2 个答案: