Wie die Ausrichtung von text in einer Tabellenzelle?

<table>
   <tr>
      <td>
         <input type="checkbox" id="41" value="1">   
         Don't overwhelm yourself
         <span style="color:black;float:right">111111</span>
      </td>
   </tr>
</table>

Den text 111111 nicht nach rechts gehen.

Wenn ich align:right ist es das gleiche.

<table>
   <tr>
      <td>
         <input type="checkbox" id="41" value="1">   
         Don't overwhelm yourself
         <span style="color:black;align:right">111111</span>
      </td>
   </tr>
</table>

Wie dieses problem zu lösen?

InformationsquelleAutor Steven | 2009-11-07
  1. 3
    <!-- width 100%, so we can see the floating -->
<table style="width:100%">
  <tr>
    <!-- width 100%, so we can see the floating -->
    <td style="width:100%" >

      <!-- float to left -->
      <input style="float:left" type="checkbox" id="41" value="1">    
      <span style="float:left"> Don't overwhelm yourself </span> 

      <!-- float to right -->
      <span style="color:black;float:right">111111</span> 

      <!-- clear floating -->
      <br style="clear:both" /> 
    </td>
  </tr>
</table>

    überprüfen Probe hier

    • Cool. Das problem hat sich gelöst mit deiner Hilfe.
    • Wenn es der Beantwortung Ihres Problems, können Sie markieren Sie es als Antwort.
    • hilfreich war für mich auch, vielen Dank
    InformationsquelleAutor Anwar Chandra
  2. 1

    Den span tag ist nicht ein block, eine (css: display=block;), ist es inline. Es bedeutet, dass es nicht nehmen die ganze Linie, und der text innen ist es nicht ausgerichtet (optisch).

    Ersetzen Sie Ihre span mit div ist, wird es funktionieren.

    Unterschiedliche Ausrichtungen auf derselben Linie, Sie brauchen ein bisschen CSS-tricks:

    <div style="float: left;">
    <label><input type="checkbox" id="41" value="1"> Don't overwhelm yourself</label>
    </div>
<div style="float: right;">
    111111
    </div>
    • Es funktioniert nicht.
    • Was brower? Ich glaube, dass Sie mit dem IE6 :), Der code gültig ist und der beste Weg, um zwei verschiedene Ausrichtungen in einer Zeile. Es sollte funktionieren, zumindest in "guten" Browsern.
    • Plus eins für die Erklärung des Begriffs, also: der Unterschied zwischen spannen und divs, die entscheidend für das Verständnis des Problems.
    InformationsquelleAutor kolypto
  3. 0

    Span nicht ändern können Seite fließen, so dass Sie nicht verwenden können, schwimmt mit span.

    InformationsquelleAutor Roman
  4. 0

    Einfach nicht schaffen das problem. Vorausgesetzt, Sie haben keinen Grund, nicht zu verwenden, einfach 2 Zellen in einer Tabelle.

    Außerdem richten Sie nie funktioniert. Sie sollten text-align verwenden.

    <table>
  <tr>
    <td>
      <input type="checkbox" id="41" value="1">Don't overwhelm yourself
    </td>
    <td style="color:black;text-align:right">
      111111
    </td>
  </tr>
</table>
    InformationsquelleAutor Aeolun
Schreibe einen Kommentar