问答详情
源自：2-8 文本对齐风格

文本对齐风格能应用于列表么

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>普通列表、有序列表</title>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

<h5>普通列表</h5>

<ul class="text-right">

    <li>列表项目1</li>

    <li>列表项目2</li>

    <li>列表项目3</li>

    <li>列表项目4</li>

    <li>列表项目5</li>

</ul>

<h5>有序列表</h5>

<ol>

      <li>项目列表一</li>

      <li>项目列表二</li>

      <li>项目列表三</li>

</ol>

 <script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

</body>

</html>

这样使用的时候列表并没有向右对齐，为什么呢


提问者：VivianLee 2016-12-09 15:19

个回答

  • 酷得被雷劈
    2016-12-09 16:58:34
    已采纳

    看好css的链接
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    0
  • 慕粉1135537571
    2016-12-09 16:56:36

    普通列表下的列表项目右对齐了啊，不过，你要加一个样式<ul class="text-right list-unstyled">，这样就可以了啊

    0