奇怪的<li>行为</li>

时间:2012-12-15 10:19:46

标签: html css html-lists

我有这个网站我正在努力:

https://dl.dropbox.com/u/10264776/Web%20sustn.sk/odbory/fotograficky_dizajn.html

出于某种原因,这个方框的右边(Ctrl + F 1992)呈现了一个奇怪的行为,其中li的内容被几个像素推动,它不是样式,它们对所有这些都是相同的,但是我注意到了它是唯一一个没有它的内容从内容推送到另一行的内容,就像表中的其他内容一样。

任何想法如何解决这个问题?非常感谢所有帮助。

2 个答案:

答案 0 :(得分:1)

试着评论一下style.css第119行

.list {
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 1px 0;
    margin-bottom: -1px;
    /*width: 560px;*/
}

通过这样做,您的问题将只解决该元素,但您的宽度将从应用.list的整个元素中删除,因此您需要调整1992年提到的特定表。它是表行为,它根据文本和布局或呼吸空间扩展表格单元格。所以你需要将宽度放在特定的表格单元格上。

答案 1 :(得分:0)

像这样使用

.list ul li
{
list-style: none;
padding:0;
margin:0;
padding-left: 1em; 
text-indent: -.7em;
}

li:before 
{
content: "• ";
color: red; /* or whatever color you prefer */
}

详细解释,请here