In entrambi JavaScript e HTML , il tag "
" definisce un elemento cella di tabella . Prima di creare un elemento di tabella , creare una tabella con il tag " " e una riga della tabella con il tag "tr " . Allineare orizzontalmente contenuti collegando attributo della "align = ' center' " al tag ( deprecato nella versione HTML 5) o utilizzando i CSS per impostare i margini destro e sinistro per auto e impostando il "text- align: center " attributo per la cellula . Istruzioni
1 Creare un nuovo documento HTML utilizzando il blocco note o un editor HTML . Immettere le intestazioni HTML nel documento : < ! DOCTYPE HTML >
< meta charset = "utf - 8" >
centro cella di tabella < /title> <br> 2 <p> Creare una definizione di stile CSS , che verterà sul contenuto di una cella di tabella da creazione di una classe con i margini destro e sinistro uguali su "auto " e " text-align " impostato su " centro : " <br> <p> <style> <br> <p> ccell { margin-left : . auto , margin-right : auto; text-align : center; } <br> <p> < /style > <br> 3 <p> Creare una funzione JavaScript che otterrà il " id " di una cella della tabella e aggiungere la classe CSS per centrare il contenuto della cella : <br> <p> <script> <br> <p> funzione 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> Creare una tabella HTML usando il tag <table> , aggiungere una nuova riga utilizzando la tag <tr> e aggiungere una nuova cella utilizzando il tag <td> . Assegnare lo stesso "id" utilizzato nella funzione JavaScript per la cellula . Chiudere tutti i tre tag : <br> <p> <body> <br> <p> <table width="800" border="1"> <br> <p> <tr> <br> <p > <td id="theCell"> po 'di testo da centrare < /td > <br> <p> < /tr> <br> <p> < /table> <br> <br> 5 <p> Creare un modulo HTML con un pulsante che richiama la funzione JavaScript per centrare orizzontalmente il contenuto della <td> quando si fa clic : <br> <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> Salvare il file HTML . Aprilo con un browser e visualizzare il testo iniziale con allineamento a sinistra della cella di tabella . Fare clic sul pulsante e guardare il testo diventi centrata orizzontalmente . <br> <br>
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181888.html' >Come utilizzare JavaScript per visualizzare Fattori primari </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181892.html' >Come caricare un DIV in un altro DIV dinamicamente </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='http://www.354353.com/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190860.html" target="_blank">Come recuperare i dati booleani di DataGrid per VB.NET </a></li><li><a href="/Programmazione/Python-Programming/1187100.html" target="_blank">Come leggere una colonna CSV & Convert to Python </a></li><li><a href="/Programmazione/Perl-Programming/1186612.html" target="_blank">Come ottenere una dimensione array in Perl </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177562.html" target="_blank">Come aprire un documento MS Word in Classic ASP </a></li><li><a href="/Programmazione/C--C-----Programming/1170598.html" target="_blank">Come incorporare RESX nel CSC Compiler </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176836.html" target="_blank">Come convertire HTML in testo in SQL </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191856.html" target="_blank">Come accedere al MsgBox di Visual Basic con Gruppo Opzione </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175262.html" target="_blank">Usi di Python Yield </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1181926.html" target="_blank">Rimozione di una barra di scorrimento verticale in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182046.html" target="_blank">Come controllare per Lo spazio bianco con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181658.html" target="_blank">Come per la visualizzazione casuale Javascript Snippets </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181838.html" target="_blank">Come creare Script Java per Looping Foto </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181582.html" target="_blank">Come calcolare un biglietto da baseball in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182386.html" target="_blank">Come riempire un Combobox con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182252.html" target="_blank">Come bloccare IE6 </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181888.html" target="_blank">Come utilizzare JavaScript per visualizzare Fattori primari </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182014.html" target="_blank">Come convertire un int in una stringa con javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182114.html" target="_blank">Come calcolare lunghezza array in Javascript </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>
| |