4

TD にいくつかの要素が必要で、この td サイズはテーブルの最大 50% で、各行は左に揃える必要がありますが、最大のテキストはテーブルの右側に「触れる」必要があります。

<table width="100%" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="line-height: 20px; width: 49%;">
            <span style=" color: #FF00FF !important; font-size: 12pt; font-weight: bold;">Text First Cell
            </span>
            </td>
            <td style="width: 50%; text-align: right;">
            <span name="span1" style="float: left; width: 100%;">
            <span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span> 
            </span>
            <span name="span2" style="width: 100%; float: left;">
                <span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell
                </span>
            </span>
            </td>
        </tr>
    </tbody>
</table>

私はほとんどそれを行うことができますが、テキスト「Text1 Second Cell Larger Text」と「Text2 Second Cell」を左に揃えることができません。

何か案は？また、それを行うためのより良い方法があれば、私は知りたいです!

4

2 に答える 2

2

私はそれを行う方法を学びました：

.myDiv {
    float: right;
}
.span1{
    display: block;
}


<div class="myDiv">
<span name="span1" class="span1" >
<span style="font-family: Arial !important; color: #FF00FF ; font-size: 12pt; font-weight: bold;">Text1 Second Cell Larger Text </span> 
</span>
<span name="span2" class="span2">
<span style="font-family: Arial ; color: #FF00FF ; font-size: 12pt; font-weight: bold;"> Text2 Second Cell</span>
</span>
</div>

乾杯

于 2012-10-17T18:48:34.370 に答える
0

同じセルにテキストがあるため、テキストの配置に問題があると思います。私が提案するのは、テーブル内に複数のセルを作成して、それが簡単になるようにすることです。

例：

<table border=0 width=546 style='table-layout:fixed'>
    <col width=67>
    <col width=75>
    <col width=41>

       <tr>

            <td width="147" rowspan="2"><span style="line-height: 20px; width: 49%;"> 
            <span style=" color: #FF00FF !important; font-size: 12pt; font-weight:bold;">
            Text First Cell </span> </span></td>

           <td width="389"><div align="right">
           <span style="font-family: Arial !important; color: #FF00FF ; 
           font-size: 12pt; font-weight: bold;">
           Text1 Second Cell Larger Text </span></div></td>
       </tr>

       <tr>

          <td><span style="font-family: Arial ; color: #FF00FF ;
          font-size: 12pt; font-weight:  bold;">
          Text2 Second Cell </span></td>

      </tr>
      </table>
于 2012-10-16T01:18:09.653 に答える