| In zowel JavaScript en HTML , de ' | " tag definieert een tabel cel element . Voordat u een tafel element , een tabel met de " " tag en een tabel rij met de " " tag . Lijn inhoud horizontaal door het aanbrengen attribuut de "align = " center " " om de tag ( deprecated in HTML versie 5 ) of met behulp van CSS aan de linker-en rechtermarge op auto en het instellen van de " text-align : center " attribuut voor de cel . Instructies
1 Maak een nieuw HTML-document in Kladblok of een HTML-editor . Voer de HTML- headers in het document : < ! DOCTYPE HTML >
< meta charset = " uTF - 8 " > Center Table Cell <br> < /title > kopen van 2 <p> Maak een CSS- stijl definitie die gericht zal zijn de inhoud van een tabel cel door het creëren van een klasse met de linker-en rechtermarge gelijk aan "auto" en "text -align " op " center : " <p> <style> <br> <p> <br> ccell { margin -left : . auto , margin-right : auto ; text-align : center ; } <p> < /style > <br> 3 <p> Maak een JavaScript-functie die de " id " van zal krijgen <br> <p> var c = document.getElementById ( " theCell <p> <script> <p> functie centerIt ( ) { <br> : een tabel cel en voeg de CSS-klasse te midden van de celinhoud " ) ; <p> c.className <br> + = " ccell " ; <br> <p> < /head > <br> <p> } <br> <p> <br> < /script > Goedkope 4 <p> Maak een HTML-tabel met de <table> tag , voeg een nieuwe rij met de <tr> tag en voeg een nieuwe cel met behulp van de <td> tag . Wijs dezelfde " id " in de JavaScript functie de cel . Sluit alle drie tags: <p> <br> <p> <table width="800" border="1"> <p> <tr> <br> < <br> <body> <br> p > <td id="theCell"> Hier is wat tekst worden gecentreerd > <br> <p> < /tr> <br> <p> < /table > <br> < br < /td > 5 <p> Maak een HTML- formulier met een knop die de JavaScript-functie zal roepen om horizontaal te midden van de inhoud van de <td> wanneer erop wordt geklikt : <br> <p> <form name="myForm"> < br > <p> <input type="button" value="Center" onClick="centerIt();"> <p> < /form Aanmelden> <p> < /body <br> > < br > <p> < /html > <br> 6 <p> Sla het HTML- bestand . Open deze met een browser en bekijk de oorspronkelijke tekst links uitgelijnd in de cel van de tabel . Klik op de knop en de tekst wordt horizontaal gecentreerd . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90944.html' >Hoe te gebruiken JavaScript om Priemfactoren Toon </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90946.html' >Zo plaatst u een DIV Into Another DIV Dynamisch </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90796.html" title="Hoe te Grafiek Met jQuery " target="_self">Hoe te Grafiek Met jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90826.html" title="Hoe te jQuery Accordion Styling Verwijder " target="_self">Hoe te jQuery Accordion Stylin…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90875.html" title="Hoe te Letterlijke JavaScript bijwerken " target="_self">Hoe te Letterlijke JavaScript …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90896.html" title="Hoe maak je een Marquee wijzigen Met JavaScript " target="_self">Hoe maak je een Marquee wijzig…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91009.html" title="Hoe de uren en minuten in Two Velden display met Javascript " target="_self">Hoe de uren en minuten in Two …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90806.html" title="Hoe de Google Maps API Afstand Straal Gebruik " target="_self">Hoe de Google Maps API Afstand…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91204.html" title="Hoe je Java Script installeren op een PC " target="_self">Hoe je Java Script installeren…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90907.html" title="Hoe de keuzelijst in JavaScript verbergen " target="_self">Hoe de keuzelijst in JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90974.html" title="Lijst van jQuery attributen " target="_self">Lijst van jQuery attributen </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95667.html" title="Hoe te ActiveX Maak in VB " target="_self">Hoe te ActiveX Maak in VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91939.html" title="Hoe te converteren naar UTF - 8 in MySQL " target="_self">Hoe te converteren naar UTF - 8 in MySQL…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93545.html" title="Hoe maak je een Dictionary converteren naar XML in Python " target="_self">Hoe maak je een Dictionary converteren n…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87429.html" title="Hoe een muis gebruiken in QBasic " target="_self">Hoe een muis gebruiken in QBasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95071.html" title="Hoe te Formulieren gebruiken in VBA " target="_self">Hoe te Formulieren gebruiken in VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85516.html" title="Hoe een bestand te gebruiken Combineer C + + " target="_self">Hoe een bestand te gebruiken Combineer C…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/96315.html" title="Hoe kan ik Sluit een Word-document met VBA ? " target="_self">Hoe kan ik Sluit een Word-document met V…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90704.html" title="Hoe maak je een Java- programma te compileren " target="_self">Hoe maak je een Java- programma te compi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87579.html" title="Hoe maak je een Float een Int32 converteren " target="_self">Hoe maak je een Float een Int32 converte…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
| |
