这是我的HTML ( CSS是HTML的一部分):
<!DOCTYPE html>
<html>
<head>
<style>
table td {
border: 1px solid black;
}
li {
margin-left: 30px;
}
.first {
width: 100%
}
</style>
</head>
<body>
<table>
<tr>
<td class='first'>text</td>
<td><img src='shipping3.png' width='30px' /></td>
</tr>
<ul>
<li>
<tr>
<td class='first'>text</td>
<td><img src='shipping3.png' width='30px' /></td>
</tr>
</li>
<ul>
<li>
<tr>
<td class='first'>text</td>
<td><img src='shipping3.png' width='30px' /></td>
</tr>
</li>
</ul>
</ul>
</table>
</body>
</html>
现在,虽然我让李有了一个边缘-左,但td在李的内部并没有向左移动。即使我这么做
li td {
margin-left: 30px;
}
td没有向左移动。我如何使td在李里面得到给每一位李的左边距?
发布于 2014-07-07 22:01:39
根据我的评论:
标记无效。这种无效的标记将导致未定义的行为(基于客户端浏览器决定如何呈现它)。请注意文献资料的Content部分。您需要的是首先更正标记,然后找到解决缩进问题的方法。这里没有足够的东西让我说出那个解决方案是什么。
https://stackoverflow.com/questions/24620311
复制相似问题