是否有一种方法使div从右到左的HTML呈现 [英] Is there a way to make div render from right to left HTML

问题描述

我有一个项目（日历），我想把它转换为阿拉伯语。我不知道渲染是否是正确的术语，但我想要做的是从右到左显示div。

I have a project(calendar) and I want to convert it to arabic. I don't know if render is the right term, but all I want to do is to show the div from right to left.

我有一列（divs）与列（divs）。
divs not texts

I have a row(divs) with columns(divs). divs not texts

类似这样

div1 div2 div3
div4 div5 div6
div7 div8 div9

到

div3 div2 div1
div6 div5 div4
div9 div8 div7

我的项目是响应式的，所以手动放置它不会工作。

My project is responsive, so manually putting it backwards won't work.

这是我用更小的分辨率。

This is what I mean with smaller resolution.

div2 div1
div4 div3
div6 div5
div8 div7
div9

任何解决方案...脏或干净，不会赞赏。提前致谢。 ：）

Any solutions.. dirty or clean, hack or not will be appreciated. Thanks in advance. :)

推荐答案

使用 float：right > div s。这将从右向左转换 div 。

演示

#container div {
  float: right;
  width: 100px;
  background: yellow;
  margin: 10px;
}

<div id="container">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
  <div>7</div>
  <div>8</div>
  <div>9</div>
  <div>10</div>
</div>

这篇关于是否有一种方法使div从右到左的HTML呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！