我想排列从右到左显示的列表元素,
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<div class="row">
<div class="col-sm-6">
<ul>
<li>Javasript
<ul>
<li>DOM</li>
<li>BOM</li>
<li>Global Objects</li>
</ul>
</li>
<li>jQuery</li>
<li>CSS</li>
<li>HTML</li>
</ul>
</div>
</div>
<script>
</script>
</body>
</html>
我尝试在ul元素中添加class="pull-right"
,但发现它们都是右对齐的,没有格式化。
要一一调整li的padding吗?
我希望它显示为
- Javascript - DOM - BOM - jQuery
最佳答案
试试这个 CSS 代码:
ul{
direction: rtl;
}
关于css - 从右到左显示列表元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51452662/