html语言对齐是什么意思,html – 对齐RTL语言的元素

我需要在垂直时间线下面显示新闻,下面的例子非常适合我正在寻找的东西我可以进一步修改我的要求,但我需要相同的英语和&阿拉伯语.英文版本：

https://codepen.io/jplhomer/pen/lgfus

@import "compass/css3";

$gray: #dddddd;

h1, h2, h3 {

font-weight: 300;

}

.container {

padding: 1em;

}

.timeline {

position: relative;

overflow: auto;

&:before {

content: '';

position: absolute;

height: 100%;

width: 5px;

background: $gray;

right: 0;

}

h2 {

background: $gray;

max-width: 6em;

margin: 0 auto 1em;

padding: 0.5em;

text-align: center;

position: relative;

clear: both;

}

ul {

list-style: none;

padding: 0 1em 0 0 ;

z-index: 1;

}

li {

background: $gray;

padding: 1em;

margin-bottom: 1em;

position: relative;

direction:rtl;

text-align:right;

&:before {

content: '';

width: 0;

height: 0;

border-top: 1em solid $gray;

border-right: 1em solid transparent;

position: absolute;

right: -1em;

top: 0;

}

h3 {

margin-top: 0;

}

time {

font-style: italic;

}

@media screen and (min-width: 40em) {

.container {

max-width: 1000px;

margin: 0 auto;

}

.timeline {

&:before {

left: 50%;

}

ul {

padding-left: 20px;

max-width: 700px;

margin: 0 auto;

}

li {

width: 42%;

}

li:nth-child(even) {

float: left;

margin-top: 2em;

}

li:nth-child(odd) {

float: right;

&:before {

border-top: 1em solid $gray;

border-right: 1em solid transparent;

left: auto;

right: -1em;

}

li:nth-of-type(2n+1) {

clear: both;

}

我修改了CSS以使用RTL语言但是第一元素ul的指针显示右侧的箭头,我试图在左侧显示箭头.我尝试过一些东西,但是其中一个或另一个东西打破了

html语言对齐是什么意思,html – 对齐RTL语言的元素相关推荐

关于C语言中的结构体内存对齐与位段问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录结构体的内存对齐与位段一.结构体的内存对齐 1.为什么会有内存对齐? 2.如何内存对齐 3. 如何在设计结构体的时候,既要 ...
Android之解决多语言适配部分TextView内容左对齐和内容一行不排满就到第二行问题
1 问题 1.多语言适配部分TextView内容左对齐 2.内容一行不排满就到第二行问题 2 解决办法问题1.在TextView里面加入下面参数 android:gravity="cent ...
c语言地址和地址怎么比较大小,C语言地址对齐（转）-计算网络编程的结构大小...
现代计算机中的内存空间按字节划分. 从理论上讲,访问任何类型的变量似乎都可以从任何地址开始,但是实际情况是,访问特定变量时,通常是在特定的内存地址访问,这要求将各种类型的数据安排在其中. 按照某些规则 ...
C语言基础 - 结构体类型字节对齐总结
一.什么是字节对齐在计算机中,内存空间是按照字节(1B = 8 bit)划分的,每一个字节都有一个编号,这就是字节的地址.理论上可以从任意起始地址访问任意数据类型的变量,但在实际使用中,访问特定数据 ...
C语言结构体的大小 — — 内存对齐和位域
C语言结构体对齐 C语言结构体对齐也是老生常谈的话题了.基本上是面试题的必考题.内容虽然很基础,但一不小心就会弄错.写出一个struct,然后sizeof,你会不会经常对结果感到奇怪?sizeof的结 ...
java解析c的结构体_解析C语言中结构体struct的对齐问题
首先看一下结构体对齐的三个概念值: 数据类型的默认对齐值(自身对齐): 1.基本数据类型:为指定平台上基本类型的长度.如在32位机器中,char对齐值为1,short为2,int,float为4,do ...
mysql字节对齐_结构体字节对齐-位域及其对齐
字节对齐的准则:其实字节对齐的细节和具体编译器实现相关,但一般而言,满足三个准则: 1) 结构体变量的首地址能够被其最宽基本类型成员的大小所整除: 2) 结构体每个成员相对于结构体首地址的偏移量都是成 ...
mysql字节对齐_结构体字节对齐(转)
结构体字节对齐在用sizeof运算符求算某结构体所占空间时,并不是简单地将结构体中所有元素各自占的空间相加,这里涉及到内存字节对齐的问题.从理论上讲,对于任何变量的访问都可以从任何地址开始访问,但是 ...
python中右对齐_python中如何右对齐-问答-阿里云开发者社区-阿里云
例如,有一个字典如下: dic = { "name": "botoo", "url": "http://www.123.com&q ...

html语言对齐是什么意思,html – 对齐RTL语言的元素

html语言对齐是什么意思,html – 对齐RTL语言的元素相关推荐

最新文章

热门文章