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 >> Computer Programspråk >> Content

    Hur till Öka Padding mellan kolumner i HTML

    Det finns tre sätt att öka utrymmet mellan kolumner i en tabell skriven i HTML programmeringsspråk som är grunden för webben . Du kan använda tabellen för " cellspacing " attribut för att öka utrymmet mellan alla celler i tabellen , kan du använda " cellpadding " attribut för att lägga vaddering inuti alla celler , eller så kan du använda en enskild cells " width " attribut för att bredda den. Instruktioner
    1

    Hitta öppningen taggen . I HTML är tabelldata alltid föregås av en

    tag och följs av en avslutande < /table > tagg . Parametrarna i denna tagg ange de allmänna attributen för hela tabellen , till exempel , det finns en gräns , färgerna eller storleken på tabellen på sidan . För referens , här är vad en mycket enkel HTML- tabell ser ut :

    < table skapar en tabell med en enda pixel ram runt det , som innehöll två rader ( de två

    ... < /tr > sektioner ) i två spalter vardera ( fyra
    ... < /td > ;) sektioner. Cellerna innehåller siffrorna 1 till 4. Du kan testa detta , tillsammans med någon annan HTML-kod , genom att kopiera och klistra in den i HTML Test Bed ( se Resurser ) och klicka på " Display ".
    2

    Lägg ett " cellspacing " eller " cellpadding " tillskriva

    taggen . " Cellspacing " tillägger tomt utrymme på bordet mellan varje cell , " cellpadding " utökar varje cell att innehålla tomrum kring dess innehåll . Till exempel , om taggen tidigare läst :


    ändra det till :

    < table border = " 1 " cellspacing = "X" >

    eller


    där X är storleken på den extra utrymme , i pixlar. Du kan också kombinera avstånd och stoppning - bara sätta dem båda i det , med ett mellanslag separera dem , precis som ett utrymme separerar de tillsatta attribut över från den " gränsen " attributet
    3

    Ändra bredden på en enskild cell i tabellen - lägga utrymmet mellan det och kolumnerna runt det, men ingen annanstans i tabellen - genom att lägga till ett attribut till cellens tagg . Detta kommer att bli en

    tagg så här :

    XYZ < /td >

    där " XYZ " är innehållet i cellen . Lägg en " bredd " attribut till

    taggen . Bredden kan uttryckas antingen som pixlar :

    XYZ < /td >

    eller i procent av webbläsarfönstret :

    XYZ < /td >

    i det andra exemplet är bredden på cellen alltid exakt 20 % av bredden på webbläsarfönstret , oavsett vad användarens skärmupplösning är eller hur han är dimensionerad hans fönster . Detta är ofta en mer tillförlitlig och kompatibelt sätt att uttrycka bredd - det garanterar att tabellen inte kommer att bli oläslig under vissa förhållanden. Oavsett vilket sätt du gör det , kan du ställa in bredden på så många celler som du vill . Lägg en " bredd " attribut till

    taggen för varje cell i en kolumn att effektivt utöka den kolumnen .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur man installerar Dolphin Just Host
    ·Microsoft Visual Source Safe Tutorial
    ·Hur man gör en knapp Default i NET
    ·Vad är en Tagged Expression
    ·Silverlight Sockets Tutorial
    ·Hur Delmängd en Array i MATLAB
    ·Hur du använder Oracle Sekvenser
    ·Hur man lär Object - Oriented Design
    ·Hur du ställer in IIS 6
    ·Hur man gör en knapp Öppna i Facebox Lightbox
    Utvalda artiklarna
    ·Hur till Öppen mboxfiler
    ·Hur man skapar en sekvens i Oracle SQL
    ·Vad är Urllib i Python
    ·Lägga till åtkomst i fält med Visual Basic
    ·Hur skapa anpassade taggar i JSP
    ·Hur man skriver div-taggar
    ·Hur man kolla om en fil existerar Använda VBScript
    ·Konvertera ASPX till Ascx
    ·Hur man skickar SMS via PHP
    ·Hur Byt ljudfil Extensions
    Copyright © Dator Kunskap http://www.dator.xyz