Question

有谁能告诉我为什么本页底部的URL不是居中的？我已将CSS设置为中心div＃urls，边距为：50px auto;

<style>
    div#container {
        padding: 0px;
        width: 800px;
        margin: 0px auto;
    }

    h1 {
        font:Cambria;
        font-size:15px;
        width: 100%;
        textalign: left;
        margin: 30px auto;
    }

    div#urls {
        width: 100%;
        margin: 50px auto;
        textalign: center;
    }
</style>
</head>
<body>
    <div id="container">
        <h1>The information</h1>
        <div id="urls">
            <a href="index.htm">HOME</a> | <a href="about.htm">ABOUT</a> | <a href="contact.htm">CONTACT</a> | <a href="privacy">PRIVACY</a>
        </div>
    </div>
</body>

Answer 1

该属性名为text-align，而不是textalign，而Dreamweaver所谓的WYSIWYG视图非常糟糕。

（注意：如果你有一个链接列表，那么你应该mark them up as a list，并使用CSS border属性而不是ASCII艺术|字符来绘制它们之间的边界

Answer 2

你的css中有一个拼写错误，它应该与中间的短划线文本对齐

为什么Div中的文本在Dreamweaver中，但不在Web上？

2 个答案: