I både JavaScript og HTML , definerer "
" tag en tabellcelle element . Før du oppretter en tabell element , lage en tabell med " " tag og en tabell rad med " " tag. Juster innhold horisontalt ved å feste "align = " sentrum " " attributt til tag ( foreldet i HTML versjon 5 ) eller ved å bruke CSS for å angi venstre og høyre marg til auto og sette "text -align : center " attributt for cellen. Instruksjoner
en Lag en ny HTML- dokument ved hjelp av Notepad eller en HTML- editor. Inn HTML overskrifter i dokumentet : < ! DOCTYPE HTML >
< meta charset = " utf- 8 " >
senter Table Cell < /title> <br> 2 <p> Lag en CSS- definisjon som vil senteret innholdet av en tabell celle ved skape en klasse med venstre og høyre marg lik "auto" og " text- align" satt til " sentrum: " <br> <p> <style> <br> <p> ccell { margin -left: . auto ; margin -right : auto ; text-align : center ;} <br> <p> < /style > <br> 3 <p> Lag en JavaScript-funksjon som vil få " id" av en tabellcelle og legge til CSS-klasse til sentrum celleinnholdet : en <p> <script> <br> <p> funksjon centerIt ( ) { <br> <p> Var c = document.getElementById ( " theCell "); <br> <p> c.className + =" ccell "; <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> <br> 4 <p> Lag en HTML-tabell med <tabell> tag , legge til en ny rad med <tr> tagge og legge til en ny celle med <td> tag . Tildele samme "id " som brukes i JavaScript-funksjonen til cellen. Lukk alle tre kodene : en <p> <body> <br> <p> <table width="800" border="1"> <br> <p> <tr> <br> < p> <td id="theCell"> Her er litt tekst til å være sentrert < /td > <br> <p> < /tr > <br> <p> < /table > <br> <br > 5 <p> Lag et HTML-skjema med en knapp som vil kaller JavaScript-funksjonen til horisontalt senteret innholdet i <td> når klikket : en <p> <form name="myForm"> <br > <p> <input type="button" value="Center" onClick="centerIt();"> <br> <p> < /form > <br> <p> < /body > <br> <p> < /html > <br> 6 <p> Lagre HTML-filen . Åpne den med en nettleser og vise den innledende teksten venstrejustert i tabellen cellen . Klikk på knappen og se teksten blir horisontalt sentrert . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90944.html' >Hvordan bruke JavaScript til å vise primtallsfaktorer </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/90946.html' >Hvordan legge en DIV i en annen DIV dynamisk </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90948.html" title="Hvordan analysere en Spørringsstrengfilter i JavaScript " target="_self">Hvordan analysere en Spørringsstrengfilter i JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90928.html" title="Hvordan legge til en link til en bildetekst av LightBox " target="_self">Hvordan legge til en link til en bildetekst av LightBox…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91231.html" title="Hvordan legge til en søkelinjen til din Publisher Hjemmeside " target="_self">Hvordan legge til en søkelinjen til din Publisher Hjem…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91121.html" title="Hvordan legge til varer i en Combo Box Med JavaScript " target="_self">Hvordan legge til varer i en Combo Box Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91266.html" title="Slik konverterer streng til heltall på Javascript " target="_self">Slik konverterer streng til heltall på Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90910.html" title="Hvordan Ping i Javascript " target="_self">Hvordan Ping i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90945.html" title="Hvordan justere vannrett i JavaScript TD " target="_self">Hvordan justere vannrett i JavaScript TD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90765.html" title="Hva bruker jeg i Lieu av JavaScript " target="_self">Hva bruker jeg i Lieu av JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90971.html" title="Hvordan lage en blinkende grensen på DIV " target="_self">Hvordan lage en blinkende grensen på DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90877.html" title="Slik fjerner du en hendelse Handler i TinyMCE " target="_self">Slik fjerner du en hendelse Handler i TinyMCE </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<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>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92908.html" title="Hvordan du kan vise et Word- dokument fra PHP " target="_self">Hvordan du kan vise et Word- dokument fra PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/93532.html" title="Hvordan lage en oppføring Box i Python " target="_self">Hvordan lage en oppføring Box i Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89356.html" title="Slik konverterer HashMap til Bean " target="_self">Slik konverterer HashMap til Bean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88120.html" title="Mobile Architect Certification " target="_self">Mobile Architect Certification </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94545.html" title="Hvordan konvertere en streng til INT i klassisk ASP " target="_self">Hvordan konvertere en streng til INT i klassisk ASP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86221.html" title="Hvordan lære STL Beholdere " target="_self">Hvordan lære STL Beholdere </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/cc-programming/86188.html" title="Slik utfører dynamisk minne allokering i C + + " target="_self">Slik utfører dynamisk minne allokering i C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/87029.html" title="Hva er en sjekksum på en Mac " target="_self">Hva er en sjekksum på en Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92142.html" title="Hvordan Return DIVs Med PHP " target="_self">Hvordan Return DIVs Med PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/91510.html" title="PHP Statiske Funksjoner " target="_self">PHP Statiske Funksjoner </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | 