1

<hr>親の幅の80％で、デフォルトとして中央に配置されていない「左寄せ」である必要があるがあります。

<div>
    <p>Some stupid text</p>
    <hr>
    <p>Ask a stupid text, what?</p>
</div>

私はこれを現代のブラウザで以下を使用して解決しました：

hr
{
    width: 80%;
    color: #90b124;
    background: #90b124;
    height: 4px;
    border: 0;
    margin: 20px 0;
    position: relative;
    left: 0;
}

しかし、IE（すべてのバージョン）では、それはまだ中央に配置されています。設計では、この左に配置された時間を必要とします。もちろん、aを使用して<span>それを1日と呼ぶこともできますが、それはあまり意味的ではありません。

これをIEでdesisredとして位置付ける方法はありますか？

http://jsfiddle.net/jWcEp/

4

2 に答える 2

3

@Nicsoftの答えがあなたのために働いたことは知っていますが、さらに別の方法があります。

<hr>alignHTML5ではサポートされていない属性を持っていました。text-alignこれは、IEとOpera、およびmargin-left/rightFirefoxとWebKitのCSSプロパティに置き換えられました。したがって、左揃えにするには、次のことができます。

hr {
    margin-left:0
    text-align:left;
    width:80%;
}

ここで見られ、ここで説明されているように。

于 2012-12-18T10:37:58.683 に答える
1

float：leftをhr{}に追加します

hr
{
    float:left; //Makes the element float to he left
    width: 80%;
    color: #90b124;
    background: #90b124;
    height: 4px;
    border: 0;
    margin: 20px 0;
    position: relative;
    left: 0;
}

必要に応じてクリアすることも忘れないでください。

于 2012-12-18T10:30:11.570 に答える