获得项目符号

想要在我的页面底部获得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％）。事实上，我很高兴看到使用点号（。）的解决方案。感谢您的帮助;）

来源

2014-07-09 Hubert Siwkin

所以不要放置它绝对的，把它放在一个容器div的，以前的内容后（也在容器中） – andrew

这是你在“• • • •”？

用途：

&bull;

根据您选择的文档类型，您可能需要使用：

&#149;

来源

2014-07-09 18:41:18 circusdei

的解决方案使用点标志

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

来源

2014-07-09 18:41:38 andrew

此解决方案存在问题。点与上面的内容之间的空间太大（并且将div的高度设置为 - 比方说 - 50px不起作用）。 –

请参阅上面的编辑 – andrew

获得项目符号

回答

相关问题