我知道这有点前沿，但还是要问这个问题:
给定
<div id="one">First Div</div>
<div id="two">Second Div</div>
...
#one, #two { display: table-cell; }
...这给了我一个可爱的 div 并排排列，#one 在左边，#two 在右边。
是否可以使用 display: table-cell; 将#two 放在左边，将#one 放在右边，而不改变 HTML 中 div 的顺序？
我问，因为出于 SEO 的原因，我想在 HTML 中将#one 保持在#two 之上，但出于审美原因，我希望#two 位于#one 的右侧。我知道如何使用 float /绝对定位/边距/等来做到这一点，但我想知道是否有一种方法可以使用较新的 CSS 表格显示属性(我更喜欢)来做到这一点。
有什么想法吗？
最佳答案
您可以(ab)使用文本方向警告，前方邪恶:
<div id="container">
<div id="one">First Div</div>
<div id="two">Second Div</div>
</div>
<style>
#container { direction: rtl; }
#one, #two { display: table-cell; direction: ltr;}
</style>
关于html - CSS 表格，显示内容的反转顺序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1138639/