我该怎么办somehing像thhs: CSS-制作LIST
我尝试这样的事情:
<div class="servers">
<ul>
<li><span class="icon"></li>
<li><span class="text">Public server#1</span></li>
<li>IP: 88.88.88.87:270115</li>
<li><MAPA: de_dust2/li>
</ul>
</div>
也可以尝试喜欢的东西:
<li><span class="icon"></span><span class="text"> Public server#1</span></li><li><span class="text">IP:81.0.217.184:27020</span></li><li><span class="text">Mapa: de_dust2</span></li<span class="text">Hráči: 50/60</span></li>
与CSS:
.text {
display:inline-block;
overflow:hidden;
width: 170px;
height: 22px;
line-height: 22px;
}
我知道它的愚蠢的问题,但我只是失去了我需要做同样的空间betwween tihngs,只是不知道如何做到这一点简单的:)
如果有一个人谁可以帮助我,我将非常thanksfull
考虑你是显示表格数据,你可能要考虑使用一个实际的表,而不是一个有序列表。无论如何,你的清单设置是错误的。您可以在CSS中为每个项目定义“图标”作为项目符号类型。 – durbnpoisn