0

tdクロムでは機能しますfloat:right; が、mozilla Firefox では機能しません....下の画像で日付を右端に揃えるにはどうすればよいですか? 日付の位置とサイズは<hr/>、コンテンツの長さによって変化します。

Mozilla の同じ行で、見出しを左に、日付を右に維持したいと考えています。

mozilla での調整

使用されるコード:

<table id='cs'>
<tr>
<td>
<font size='4' id='heading'><b><U>heading</U></b></font>
<font size='2' style='float:right;'><i><b >Date: </b>date</i></font><br/>
Test Content<br/><hr/>
Signature<br/>
</td></tr></table>

id cs には以下のルールがあります。

#cs{
    border: 2px solid black;
    padding: 4px 17px;
    width: 100%;
    height: auto;
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block;
    background: #f0f4fc;
}

id 見出しには以下のルールがあります。

#heading
{
    text-transform:capitalize;
}
4

4 に答える 4

2

このようにしてみるべきです。

 <td align='right'>date<td>
于 2013-08-06T17:19:00.923 に答える
0

.right というクラスを CSS に追加し、text-align を右に設定します。ところで、フォント タグを捨てて、CSS 経由でそれを行う必要があります。

<style type="text/css">
 .right { text-align: right; }
</style>

<table>
 <tr>
  <td class="right">stuff that I want right aligned</td>
 </tr>
</table>
于 2013-08-06T17:40:51.517 に答える
0

あなたのコンテンツは何らかの理由で表にあるので、日付を別の表の列に入れ、CSS クラスを介してその列内で右に揃えることは合理的ではないでしょうか?

<table id='cs'>
  <tr>
    <td>
        <h2 class='heading'>".$heading."</h2>
    </td>
    <td>
        <span class='date'><strong>Date: </strong>".$date."</span>
    </td>
  </tr>
</table>

クラスを右にフロートさせるか、テキストを右に揃えることができます。

于 2013-08-06T17:44:40.867 に答える