如何<li>在HTML中右对齐</li>

时间:2014-08-11 11:28:55

标签: html ios

我正在开发iOS应用程序,我必须像阿拉伯语一样从右到左设置文本。

我正在尝试将iOS中的UIWebView上的黑点符号形式对齐。

我目前的输出是:

enter image description here

但我的要求是从右侧第一个黑点然后文本将对齐,像阿拉伯风格。我在代码中也是正确的text-align:right,但是它的第一个文本是从右边开始然后是黑点。我的代码是:

enter image description here

5 个答案:

答案 0 :(得分:2)

您可以在CSS中更改文字方向。

ul {
    direction: rtl; /*RIGHT TO LEFT DIRECTION*/
}

DEMO

答案 1 :(得分:0)

<style type="text/css">
        ul 
        {
            text-align: right;
            list-style-type: none;
        }
    </style>

答案 2 :(得分:0)

我不确定这段代码可以帮到你。

CSS代码

ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}

li
{
padding-right: .6em;
}

HTML CODE

<ul>
<li><a href="#">Coffee</a></li>
<li><a href="#">Tea</a></li>
<li><a href="#">Milk</a></li>
</ul>

答案 3 :(得分:0)

使用此css:

ul{   
direction:rtl;
list-style-type: bullet;
}

Demo

答案 4 :(得分:0)

这可能会有所帮助

ul {
    direction: rtl;
}