2

我的 css 在 mo' 上有点乱，问题区域应用了 2 个样式表。

我有一个标题，无论我改变什么，我都无法向右对齐，我真的很难过。我可以通过一些帮助来解决问题。

如果您要访问http://c3it.webuda.com/news_and_events.php和 ctrl+f 以“查看其他事件”，您可以看到有问题的标题顽固地保持左对齐，当我“检查元素”时谷歌浏览器它说该属性text-align: right是活动的，但没有区别。

第一个应用的样式表就是这个。

我使用的页面特定样式表在这里。

我真的被困住了，非常感谢任何花时间看的人。下面你会找到具体的<h3>样式，但我只能假设在我没有注意到的地方流行一些其他样式。

html

 <h3 id="expand_other_events">See other events..</h3>

从样式表 1：

#content h1, #content h2, #content h3{
        color: #2956B2;
        text-align: left;
        font-weight: normal;
        font-family: "Ropa Sans", MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
    }
 #content h3{
        padding: 0.3em 0;
        margin-left: 1.2em;
        display: inline;
        cursor: hand;
        cursor: pointer;
        font: bold 1em 'Rokkitt', serif;
        border-bottom: 1px solid #2956B2;

    }

来自样式表 2：

#news_and_events h3{
    margin: 0;
    padding:0;
}
#news_and_events  p.date,
#news_and_events h3{
    text-align: right;
    font-size: 0.8em;
    color:#aaa;
}
4

3 回答 3

2

这是因为 h3 仅与显示的一样宽，因此右/左对齐的文本仍然填充相同的边界。

添加一个float:right;，它一直向右，我猜你想要它。

于 2012-08-29T20:34:38.267 回答
2

你已经display: inline设置好了，所以它不会跨越那个 div 的整个宽度。它是右对齐的，但h3仅与文本一样宽。

于 2012-08-29T20:39:02.253 回答
1

您已将 h3 设置为内联，您需要将其更改为：

display:block;
于 2012-08-29T20:39:34.283 回答