11

テキストを右揃えにする CSS ルールを作成しました。しかし、セル内のフォントにそのルールを課すと、右揃えになりません! 誰でも理由を教えてもらえますか???

これが私のコードです：

CSS:

.font1 {
    font-size: 60px;
    text-align: right;

HTML:

<table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0" cellspacing="0">
    <tr>
      <td style="border-width:0px 0px 0px 0px; font-family: Nyala; font-size: 80px; color: #000;"><p><span class="font1">Name1<br />
        </span>
        Name2</p>

      </p>
      <p>&nbsp;</p></td>
      <td width="300" align="center" style="vertical-align:top;border-width:0px 0px 0px 0px"><img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /></td>

</tr>
</table>
4

3 に答える 3

4

span タグにはデフォルトで display: ブロックがありません。そのため、span タグはコンテンツの幅を占めるだけなので、text-align は効果がありません。

したがって、span タグを div タグに変更して、幅の css 要素を追加してみてください。

または、display: block; を追加します。span タグの CSS font1 に幅を追加します。

例：

.font1 {
    .font-size: 60px;
    .width: 100%;
    .display: block;
    .text-align: right;
}
于 2013-06-28T14:46:19.857 に答える