Dator
 |  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
    		•
    * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur justeras horisontellt i JavaScript TD
    I både JavaScript och HTML , definierar "
    		" tag en del tabellcell . Innan du skapar en tabell inslag , skapa en tabell med " " tagg och en tabellrad med " " tagg . Rikta innehåll horisontellt genom att fästa " align = " center " " attribut till
    taggen ( föråldrat i HTML version 5 ) eller genom att använda CSS för att ställa in vänster och höger marginaler till auto och sätta " text - align : center "attribut för cellen. Instruktioner
    1

    Skapa ett nytt HTML- dokument med hjälp av Anteckningar eller en HTML-editor . Ange HTML- rubriker i dokumentet : < ! DOCTYPE HTML >



    < meta charset = " utf - 8 " >

    Center Table cell < /title > <br> 2 <p> Skapa en CSS definition som kommer att centrera innehållet i en tabellcell genom skapa en klass med vänster och höger marginal är lika med " Auto " och " text - align " inställd till " centrum : " <br> <p> <style> <br> <p> ccell { margin-left : . Auto , marginal - höger : auto , text - align : center ; } <br> <p> < /style > Addera 3 <p> Skapa en JavaScript -funktion som kommer att få " id" en tabellcell och lägga CSS-klass för att centrera cellinnehållet : <br> <p> <script> <br> <p> funktion 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> Skapa en HTML- tabell med <table> taggen , lägg till en ny rad med <tr> taggen och lägga till en ny cell med <td> taggen . Tilldela samma " id " används i JavaScript -funktionen till cellen . Stäng alla tre taggar : <br> <p> <body> <br> <p> <table width="800" border="1"> <br> <p> <tr> <br> <p> <td id="theCell"> Här är lite text som ska centreras < /td > <br> <p> < /tr > <br> <p> < /table > <br> <br > 5 <p> Skapa ett HTML-formulär med en knapp som kommer att anropa JavaScript-funktionen till horisontellt centrera innehållet i <td> när du klickar på : <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> Spara HTML-filen . Öppna den med en webbläsare och se den ursprungliga texten vänsterställd i tabellen cellen . Klicka på knappen och titta på texten blir horisontellt centrerat . <br> <br> <div class=dad2><script language='javascript' src='/ad/201310/4.js'></script></div> <div class=dad3><script language='javascript' src='/ad/201310/33.js'></script></div> </div> </td> </tr> </table> <table class=dhang1 bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <div class=dhang7></div> <table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90944.html' >Hur man använder JavaScript för att Display primtalsfaktorer </a></li></p></td> </tr> <tr> <td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/90946.html' >Hur man laddar en DIV i en annan DIV Dynamiskt </a></li></td> </tr> </table></td> </tr> </table> <div class=dhang7></div> <table class=s770x246 > <tr> <td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table class=c1 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> relaterade artiklar </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <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.dator.xyz/Programmering/javascript-programming/90949.html" title="Hur du uppdaterar DIV " target="_self">Hur du uppdaterar DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91215.html" title="Vanliga textstilar " target="_self">Vanliga textstilar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91043.html" title="Vad betyder Varning : Skriptet svarar Mean " target="_self">Vad betyder Varning : Skriptet svarar Mean </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90885.html" title="Hur man gör en applet i NetBeans " target="_self">Hur man gör en applet i NetBeans </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91253.html" title="Hur man byter ignoreCase " target="_self">Hur man byter ignoreCase </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90824.html" title="Hur man gör en Google Map Overlay " target="_self">Hur man gör en Google Map Overlay </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90835.html" title="Hur man använder statisk analys för att hitta buggar " target="_self">Hur man använder statisk analys för att hitta buggar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90799.html" title="JavaScript Beräkningar med decimaler " target="_self">JavaScript Beräkningar med decimaler </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91022.html" title="Hur du jämför Datum objekt i JavaScript " target="_self">Hur du jämför Datum objekt i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91031.html" title="Hur man upptäcker en Safari-webbläsare i JavaScript " target="_self">Hur man upptäcker en Safari-webbläsare i JavaScript </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"> <table class=c3 > <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">Utvalda artiklarna </td> </tr> </table> <table class=c4 > <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.dator.xyz/Programmering/cc-programming/85444.html" title="Hur man gör en Moving Graph i C # " target="_self">Hur man gör en Moving Graph i C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/85890.html" title="Hur konvertera ett heltal till ett tecken i C + + " target="_self">Hur konvertera ett heltal till ett tecken i C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96524.html" title="Hur att markera text i en textruta i VB.NET " target="_self">Hur att markera text i en textruta i VB.NET </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/86148.html" title="Vilka är de funktioner Hårddiskar " target="_self">Vilka är de funktioner Hårddiskar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/cc-programming/86035.html" title="Hur man gör ett program med Microsoft Visual C " target="_self">Hur man gör ett program med Microsoft Visual C </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/88877.html" title="Hur man skapar en ram med användning av HTML -programmering " target="_self">Hur man skapar en ram med användning av HTML -programm…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/92645.html" title="Lägga till nummer i en PHP Array " target="_self">Lägga till nummer i en PHP Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89602.html" title="Lägga till ett TextField till en JApplet " target="_self">Lägga till ett TextField till en JApplet </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/python-programming/93496.html" title="Hur vill ändra färg på en punkt i matplotlib " target="_self">Hur vill ändra färg på en punkt i matplotlib </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/93014.html" title="Hur Radera rad i en platt fil PHP " target="_self">Hur Radera rad i en platt fil PHP </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <div class=dhang8></div> <div class=dhang1></div> <table class=b1> <tr> <td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz </td> </tr> </table> <div class=dhang1></div> </div> </body> </html>