首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML / CSS -将td放置在li中可以删除li上的左边距吗?

HTML / CSS -将td放置在li中可以删除li上的左边距吗?
EN

Stack Overflow用户
提问于 2014-07-07 21:37:13
回答 1查看 631关注 0票数 0

这是我的HTML ( CSS是HTML的一部分):

代码语言:javascript
运行
复制
<!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在李的内部并没有向左移动。即使我这么做

代码语言:javascript
运行
复制
li td {
    margin-left: 30px;
}

td没有向左移动。我如何使td在李里面得到给每一位李的左边距?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-07-07 22:01:39

根据我的评论:

标记无效。这种无效的标记将导致未定义的行为(基于客户端浏览器决定如何呈现它)。请注意文献资料的Content部分。您需要的是首先更正标记,然后找到解决缩进问题的方法。这里没有足够的东西让我说出那个解决方案是什么。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24620311

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档