Wie richten Sie mehrere Zeilen text in einem td

Brauche ich ein paar Elemente in einem TD und td dieser Größe ist bei den meisten %50 der Tabelle, und jede Zeile sollte ausgerichtet sein auf der linken Seite, aber die größte text sollte "berühren" der rechten Seite der Tabelle.

<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>

Kann ich fast tun, aber ich bin nicht in der Lage, ausrichten, Links den text "Text1 Zweite Zelle Größerer Text" und "Text2" Zweite Zelle".

Irgendwelche Ideen?
Auch, wenn es einen besseren Weg, das zu tun, würde ich gerne wissen!

Hi, ich weiß nicht wirklich deine Frage. Tun Sie ausrichten möchten "Text1 Zweite Zelle Größerer Text" und "Text2 Zweite Zelle Links neben die Zelle oder möchten Sie ausrichten" größte text sollte "berühren" der rechten Seite der Tabelle"
Sorry ich war nicht klar.. Was ich meinte war " ausrichten "Text1 Zweite Zelle Größerer Text" und "Text2" Zweite Zelle" auf der linken Seite. Aber auch mit "Text1 Zweite Zelle Größerer Text" und "berühren" der rechten Seite der Tabelle.

InformationsquelleAutor BMF | 2012-10-15

Habe ich gerade gelernt, wie es zu tun:

.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>

Cheers

all die besten Kumpel 🙂

InformationsquelleAutor BMF

ich vermute, dass Sie Probleme bei der Angleichung der Texte, weil es in der gleichen Zelle. Was würde ich vorschlagen, ist, um mehrere Zellen in der Tabelle, so dass es einfacher sein wird.

Beispiel:

<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>

Vielen Dank für Ihren Vorschlag. Diese eigentlich nicht wirklich helfen, weil mir, aus anderen Gründen, werde ich brauchen, "Text1 Zweite Zelle Größerer Text" und "Text2" Zweite Zelle" in der gleichen Zelle. Vielleicht könnte ich steckte Sie in eine andere Tabelle, aber ich glaube nicht, dass das die beste Lösung...

InformationsquelleAutor Newbie

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.