1

フッターを埋め尽くすいくつかのスパン要素があり、著作権スパンを他のすべての要素と一緒に束ねるのではなく、右揃えにしようとしています。どこが間違っているのか教えてください。

<footer>

    <span>Blog</span><span>Hire</span><span>About</span><span id="copyright">Copyright &copy; 2012 Max Kramer</span>

</footer>

footer {
    width:  50%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

footer span {
    display: inline-block;
}

footer span #copyright{
    text-align: right;
}
4

2 に答える 2

2

最初に、スパンとその ID の間のスペースを削除します。これらは同じ要素であり、スパン内にネストされた ID ではありません。次に、テキストの配置ではなくフロートを使用します:)

footer span#copyright{
  float: right;
}

これを行うこともできます：

footer #copyright{
  float: right;
}

スパンに "inline-block" を指定する必要もありません。とにかく、これが "display" のデフォルト値です。

于 2012-08-23T23:47:46.600 に答える
0

スパンはフロー オブジェクトです。つまり、幅がありません。幅を与えるには、右揃えの幅を与えるブロック要素である必要があります。しかし、blockにすると、他のスパンの下の行に押し下げられるため、正しくフロートする必要があります。

必要がある：

#copyright {
    text-align: right;
    display: block;
    float: right;
}
于 2012-08-23T23:49:07.490 に答える