Html 垂直UL,文本位于LI的左侧
是否可以制作一个垂直的Html 垂直UL,文本位于LI的左侧,html,css,html-lists,Html,Css,Html Lists,是否可以制作一个垂直的,在列表的左侧显示文本 我能想到的唯一一个例子是类似于Facebook时间线的东西,你可以像普通一样在右边列出项目,然后在左边列出有列表项目的项目。我该如何制作一个类似于左边列表项的列表?(我知道这不是时间线的编码方式,但这只是我能想到的唯一一个可视示例)。是的……使用CSS: <style> ul {direction: rtl;} </style> ul{方向:rtl;} 如果您想左右交替,可以将其放入一个类中: <style>
,在列表的左侧显示文本
我能想到的唯一一个例子是类似于Facebook时间线的东西,你可以像普通一样在右边列出项目,然后在左边列出有列表项目的项目。我该如何制作一个类似于左边列表项的列表?(我知道这不是时间线的编码方式,但这只是我能想到的唯一一个可视示例)。是的……使用CSS:
<style>
ul {direction: rtl;}
</style>
ul{方向:rtl;}
如果您想左右交替,可以将其放入一个类中:
<style>
.bulletonleft { direction:ltr; }
.bulletonright { direction:rtl; }
</style>
<ul>
<li class="bulletonleft">Element 1</li>
<li class="bulletonright">Element 2</li>
<li class="bulletonleft">Element 3</li>
<li class="bulletonright">Element 4</li>
<li class="bulletonleft">Element 5</li>
<li class="bulletonright">Element 6</li>
</ul>
.BulletLeft{方向:ltr;}
.bulletonright{方向:rtl;}
元素1
元素2
元素3
元素4
元素5
元素6
是否可以将此应用于类?我正在尝试交换