Question

想要在我的页面底部获得html / cs（实际上有三个）的子弹。我试着这样做：

<style>
    div.container {
        position: absolute;
        bottom: 0px;
        text-align: center;
        font-size: 200px;
        font-family: cursive;
        width: 100%;
    }
</style>

<body>
    <div class='container'>
        ...
    </div>
</body>

但我想以这种方式编码并不是最好的主意。现在我的点可能被其他html元素所覆盖（仅仅因为div作为一个绝对定位的元素而不在正常流程中）。

所以我的问题是如何正确地做到这一点（并且不使用带有border-radious的div：在他们的CSS中设置100％）。事实上，我很高兴看到使用点号（。）的解决方案。谢谢你的帮助;）

Answer 1

这是你＆＃39;之后＆＃34; •••＆＃34; ？

使用：

&bull;

根据您选择的Doctype，您可能需要使用：

&#149;

Answer 2

使用点号（。）的解决方案

fiddle

<style>
    div.bullets {
        text-align: center;
        font-size: 200px;
        font-family: cursive;
    }
</style>

<body>
    <div class="container">
      <div>some content</div>
      <div class='bullets'>...</div>
    </div>
</body>

修改

我猜你可以给我们一个负余量margin-top: -170px;

fiddle

得到子弹

2 个答案: