文章/答案/技术大牛

发布

问CSS文本对齐属性
EN

Stack Overflow用户

提问于 2013-03-07 05:06:02

回答 2查看 12K关注 0票数 0

我有以下HTML：

<!DOCTYPE html>
<HTML>
    <HEAD>
        <style type="text/css">
            .name {
                font-size: 18px;
                margin-top: 1px;
                text-align: right;
            }

            .contactInfo {
                font-size: 12px;
                margin-top: 1px;
                text-align: left;
            }
        </style>
        <TITLE>Joe Sixpack</TITLE>
    </HEAD>
    <BODY>
        <div id="name">
            <span class="name">Joe Sixpack</span>
        </div>

        <div id="contactInfo">
            <span class="contactInfo">
                123 Electric Ave, Mudflap, NS 12345 &#8226; (888) 555-1212 &#8226; <A HREF="mailto:Joe@Sixpack.com">Joe@Sixpack.com</A>
            </span>
        </div>

        <HR>
    </BODY>
</HTML>

问题是，我希望name类向右对齐，但这并没有发生。名字和地址都在左边。为什么会这样?我该如何修复它？

css

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-07 05:09:13

在名称div上设置样式，而不是名称span：

#name {
    font-size:18px;
    margin-top:1px;
    text-align:right;
}

此外，您可能不希望div和span具有相同的名称。

票数 3

Stack Overflow用户

发布于 2013-03-07 05:07:40

只能在块级元素内对齐文本。将你的CSS重写成这样：

#name {
     font-size:18px;
     margin-top:1px;
     text-align:right;
}

#contactInfo {
     font-size:12px;
     margin-top:1px;
     text-align:left;
}

票数 1

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

原文链接：

https://stackoverflow.com/questions/15258048

复制

相似问题

问CSS文本对齐属性
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS文本对齐属性EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS文本对齐属性
EN