为什么内联块列表项中有空格？无论我如何将我的列表项目放入菜单,我总是得到空格.
li {
border: 1px solid black;
display: inline-block;
height: 25px;
list-style-type: none;
text-align: center;
width: 50px;
}
ul {
padding: 0;
}<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>一些HTML 1结束标记是可选的,即:
</HTML>
</HEAD>
</BODY>
</P>
</DT>
</DD>
</LI>
</OPTION>
</THEAD>
</TH>
</TBODY>
</TR>
</TD>
</TFOOT>
</COLGROUP>
注意:不要与禁止包含的结束标记混淆,即:
</IMG>
</INPUT>
</BR>
</HR>
</FRAME>
</AREA>
</BASE>
</BASEFONT>
</COL>
</ISINDEX>
</LINK>
</META>
</PARAM>
注意: xhtml与HTML不同.xhtml是xml的一种形式,它要求每个元素都有一个结束标记.可以在html中禁止结束标记,但必须使用xhtml.
是可选的结束标记
换句话说,应该我包括他们,或者我应该不包括它们呢？
该如何关闭元素标签是可选的HTML 4.01规范的会谈,但如果它是最好将它们纳入,或最好不包括他们不说.
另一方面,关于DevGuru的随机文章说:
结束标记是可选的.但是,建议将其包括在内.
我问的原因是因为你只是因为兼容性原因而知道它是可选的; 如果可以的话,他们会做出(强制性的 | 禁止的).
换句话说:HTML 1,2,3对这些,现在是可选的结束标记做了什么.HTML 5有什么作用？什么应该 …
我正在使用一些div设置为display: inline-block并且有一组height和的s width.在HTML中,如果每个后面都有一个换行符,则会div在div的右下角添加一个自动5px边距.
例:
<div>Some Text</div>
<div>Some Text</div>
有没有我忽略的财产可以让我重置自动保证金？
更新
从我发现的,没有办法删除边距...除非你要么在同一行上有所有内容,或添加注释以注释掉换行符.例:
<div>Some Text</div><!--
--><div>Some Text</div>
不是最好的解决方案,但如果您有多行,仍然更容易阅读.
我使用CSS来设置使用JavaScript创建的滚动条.
.scrollbar-track{
background: black;
height: 10px;
}
.scrollbar-thumb{
cursor: default;
border: 1px red solid;
width: 50px;
padding: 0;
}
.scrollbar-thumb-first{
display: inline-block;
background: green;
width: 5px;
height: 10px;
}
.scrollbar-thumb-middle{
display: inline-block;
background: red;
height: 10px;
width: 20px;
}
.scrollbar-thumb-last{
display: inline-block;
background: blue;
width: 5px;
height: 10px;
}<div class="scrollbar">
<div class="scrollbar-track" style="width: 970px;">
<div class="scrollbar-thumb">
<span class="scrollbar-thumb-first"></span>
<span class="scrollbar-thumb-middle"></span>
<span class="scrollbar-thumb-last"></span>
</div>
</div>
</div>这是小提琴:http://jsfiddle.net/w27wM/8/
为什么内部div比父div更大？即使边距和填充设置为0,问题仍然存在.