wie vertikal ausrichten Elemente in td-tag

Ich soll ausrichten, die 3 Elemente in meine <td> tag, vertikal in der Mitte/Mitte. Diese sind die Elemente, die ich ausrichten möchten:

  1. image-Taste (a-tag) nach oben Pfeil Bild
  2. jquery slider
  3. Bild-button (ein tag) Pfeil nach unten Bild

Im wesentlichen die Elemente sind für vertikal scrollen des Charts. Sie sind ein bisschen falsch. Ich möchte, daß Sie alle in der Mitte.

Mein aktuelle code:

<td style="vertical-align:top;">                
  <div id="div1" style="display:inline-block; horizontal-align:center; margin-top:5px;">
    <a id="a_top" title="Top" class="ui-icon ui-icon-circle-triangle-n" style="border:0px;"></a>
  </div>
  <div id="slider_y" style="height:240px; width:6px; horizontal-align:center; margin-top:10px; "></div>
  <div id="div2" style="display:inline-block;horizontal-align:center;margin-top:10px;">
    <a id="a_bottom" title="Bottom" class="ui-icon ui-icon-circle-triangle-s" style="border:0px;"></a>
  </div>
</td>

Ich bin offen für das entfernen von div-Tags, im Zusammenhang mit Bild-Tasten, sondern td-tag dort bleiben sollten.

  • Es gibt keine horizontal-align CSS-Eigenschaft.
  • die beiden richten Sie die Eigenschaften für CSS sind text-align (für horizontal) und der vertical-align (für vertikal)
  • wäre nützlich, wenn Sie in Aufmachungen ein Bild, wie Sie es wollen
  • Ich fand die Antwort, ich werde es abschicken nach 8 Stunden wegen der Beschränkung auf die übermittlung selbst Antworten. Wir müssen nur hinzufügen, Attribut align=center, um die Haupt-td-Tags.
InformationsquelleAutor CleanBold | 2011-05-31
  1. 8

    Danke an alle für Eure Hilfe. Ich fand die Antwort selbst. Dies ist der neue code. Nur die td-tag geändert hat füge ein zusätzliches Attribut align=center. Dies wird richten Sie alle element innerhalb von td-Tags in der Mitte.

    <td align="center" style="vertical-align:top;">             
    <div id="div1" style="display:inline-block; horizontal-align:center; margin-top:5px;">
     <a id="a_top" title="Top" class="ui-icon ui-icon-circle-triangle-n" style="border:0px;"></a>
    </div>
    <div id="slider_y" style="height:240px; width:6px; horizontal-align:center; margin-top:10px; "></div>
    <div id="div2" style="display:inline-block;horizontal-align:center;margin-top:10px;">
     <a id="a_bottom" title="Bottom" class="ui-icon ui-icon-circle-triangle-s" style="border:0px;"></a>
    </div>
</td>
    InformationsquelleAutor CleanBold
  2. 5

    Lesen über vertical-align in Tabellenzellen hier 

    vertical-align:middle
vertical-align:top
vertical-align:bottom

    http://phrogz.net/css/vertical-align/

    InformationsquelleAutor Suresh Pattu
  3. 3
    <td style="vertical-align:top;">                
  <div id="div1" style="display:inline-block; horizontal-align:center; margin-top:5px;">
    <div align="center"><a id="a_top" title="Top" class="ui-icon ui-icon-circle-triangle-n" style="border:0px;"></a>
      </div>
  </div>
  <div id="slider_y" style="height:240px; width:6px; horizontal-align:center; margin-top:10px; "></div>
  <div id="div2" style="display:inline-block;horizontal-align:center;margin-top:10px;">
    <div align="center"><a id="a_bottom" title="Bottom" class="ui-icon ui-icon-circle-triangle-s" style="border:0px;"></a>
      </div>
  </div>
</td>

    Ich bin mir nicht sicher, ob ich das absolut verstehen, aber vielleicht so etwas?

    InformationsquelleAutor Colby
Schreibe einen Kommentar