HTML - dwa stoliki obok siebie

Powiel możliwe:
Trying to get tables next to each other horizontal HTML - dwa stoliki obok siebie

Mam dwie tabele html już utworzone. Jak mogę umieścić je obok siebie zamiast 1 nad drugim?

2012-07-27 Matt Stokes

Można projektować je z CSS: http://pl.wikipedia.org/wiki/Cascading_Style_Sheets – David

Cześć Matt, Witamy w Stack Overflow! Czy możesz podać próbkę swojego istniejącego kodu? Pomoże nam to zrozumieć, o co nam chodzi, i łatwiej odpowiedzieć na twoje pytanie. Pamiętaj też, aby sprawdzić http://stackoverflow.com/questions/how-to-ask –

zależności od zawartości i spacja, możesz użyć pływaków lub wbudowanego wyświetlacza:

<table style="display: inline-block;"> 

<table style="float: left;">

Sprawdź to tutaj: http://jsfiddle.net/SM769/

Dokumentacja

CSS display na MDN - https://developer.mozilla.org/en/CSS:display
CSS float na MDN - https://developer.mozilla.org/en/CSS/float

Źródło

2012-07-27 15:01:51

Nie sądzę, aby ustawienie ['display'] (https://developer.mozilla.org/en-US/docs/Web/CSS/display) na inline-block było zaakceptowaną odpowiedzią, ponieważ '

"Element powinien jawnie mieć atrybut" wystawiać "na" TABLE ". W przeciwnym razie nie zachowuje się dokładnie jak stół. – WoIIe

Z CSS: table {float:left;}?

Źródło

2012-07-27 14:54:34

można umieścić tablice w div i dodać styl do stołu "float: left"

<div> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
    <table style="float: left"> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

lub po prostu użyć CSS:

div>table { 
    float: left 
}

Źródło

2012-07-27 14:57:09

Jak już wspomniałem w odpowiedzi na pytanie, divy do pakowania nie są konieczne. Ogólnie rzecz biorąc, próbuje się osiągnąć pożądaną prezentację przy użyciu jak najmniejszej liczby znaczników. –

tak bez div również pływa po lewej stronie –

<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div> 
<div style="float: left"> 
    <table> 
    <tr> 
     <td>..</td> 
    </tr> 
    </table> 
</div>

Źródło

2012-07-27 14:59:53 themis

Dywaniki do zawijania nie są wymagane - możesz unosić stoły samodzielnie. Dodanie elementów div powoduje niepotrzebne dodawanie kolejnych znaczników. –

Powiązane problemy

HTML - dwa stoliki obok siebie

Odpowiedz

Powiązane problemy