Cum se adaugă marja din dreapta la tabel [închis] (Programare, Html, Css)

NoviceMe a intrebat.

Am următorul html:

<table width="100%;>
        <tr><hr style="width:100%;"></hr></tr>
        <tr>
            <span style="float:left">abc</span>
            <span class="noindex" style="float:right">PageID</span>
        </tr>
        <br/>
        <tr>Some text here...</tr>
</table>

Vreau să adaug o marjă de 100px din dreapta ecranului. am încercat să adaug margin-right și să elimin width =100%, dar nu funcționează.

Comentarii

  • HTML-ul tău este greșit. –  > Por j08691.
  • unde sunteți <td>s?, și <br>|<hr> în interiorul <table>? –  > Por elclanrs.
  • 1) Stilul dvs. de tabel nu are un ghilimele de închidere 2) Folosiți o etichetă de închidere hr care nu este necesară (ar trebui să se închidă singură cu /). 3) Nu aveți etichete de celule de tabel (td). –  > Por j08691.
  • Ați uitat ghilimelele de închidere în pentru width din proprietatea <table> unde cred că ai vrut să spui și <table style="width:100%;">. Ai pus chestii între <tr> fără a folosi niciun <td> etichete. <tr> înseamnă doar „rând de tabel”; trebuie să pui în tag-ul <td> pentru a defini celule de tabel. În cele din urmă, nu înțeleg de ce ați pune un <br/> între două rânduri de tabel. –  > Por wecsam.
3 răspunsuri
Sebastian Siek

margin-right nu va funcționa dacă setezi lățimea la 100%. ceea ce ai putea face este :

  1. să înfășori tabelul într-un tag div. să adaugi marjă la div
  2. setați lățimea tabelului la 100%.

ACTUALIZATDacă creați un layout de pagină, atunci ar trebui să folosiți div-uri în loc de tabele. Tabelele sunt adecvate pentru afișarea datelor (cum ar fi vizualizarea în stil grilă personalizată).

<div>
    <div style="margin-right:100px">
        <table style="width:100%">
            //your table
        </table>
    </div>
</div>

Sper că vă ajută.

Comentarii

  • De fapt, am eliminat doar tabelul și am păstrat div care a funcționat. –  > Por NoviceMe.
  • A trebuit să fac div-ul care conține display: inline-block –  > Por Sam Eaton.
  • A funcționat pentru mine, am eliminat lățimea de 100% din tabel și apoi am pus marja chiar pe tabel. Apoi bam!  > Por Cyan Baltazar.
jcubic

Trebuie să adaugi tag-uri td și uiți să închizi atributele width:

<table width="100%" style="margin-right:100px">
    <tr><td><hr style="width:100%;"></hr></td></tr>
    <tr><td>
        <span style="float:left">abc</span>
        <span class="noindex" style="float:right">PageID</span></td>
    </tr>
    <tr><td>Some text here...</td></tr>
</table>

Comentarii

  • întrebarea cere margin-right, nu margin-left –  > Por sdaau.
  • @sdaau Am schimbat-o în margin-right –  > Por jcubic.
Ajay

Doar utilizați acest lucru

<table width="100%" style="margin-right:100px;">
    <tr><hr style="width:100%;"></hr></tr>
    <tr>
        <span style="float:left">abc</span>
        <span class="noindex" style="float:right">PageID</span>
    </tr>
    <br/>
    <tr>Some text here...</tr>
  </table>

Tags:,