Comment envelopper le texte dans un tableau en html

Il existe une variété de façons dont vous pouvez spécifier d'habillage de texte dans un document HTML. Ceux-ci incluent les pauses durs, les déclarations de la largeur des colonnes et CSS en ligne. Habillage de texte se produit également automatiquement en HTML, basé sur le contenu incassable plus large dans une colonne, si aucun des autres instructions de mise en page sont spécifiées.

Instructions

  1. 1



    Enveloppez texte manuellement en utilisant le "
    " tag pour créer un saut de ligne où vous voulez. Ceci est seulement bonne pour les tables qui sont écrites à la main et ne sont pas susceptibles de changer, mais il fournit un degré élevé de contrôle avec un minimum d'effort.

  2. 2

    Déclarer largeur de la colonne dans les tableaux en utilisant le "largeur" de l'attribut "colonne" Élément HTML. Cela permettra de déterminer quelle est la largeur d'une colonne est, qui sera ensuite entraîner dans un habillage de texte aussi proche avant ce point que possible. Pour ce faire, créer une étiquette pour chaque colonne de la table et de les placer sous le "table" balise d'ouverture. La largeur peut être donnée en pixels ou en pourcentage de l'élément parent (à savoir, la table). Voici un exemple pour une table avec deux colonnes dont les largeurs sont spécifiées en pixels:



    La première colonne sera 70 pixels de large et le second sera de 250 pixels de large. Notez que les instructions des colonnes sont toujours remplacées par des instructions de ligne quand il ya un conflit.

  3. 3

    Utilisez CSS en ligne de spécifier la largeur de la colonne dans les tableaux. Ceci est bien le même que l'aide de la "colonne" élément HTML, mais plus moderne et est préféré par les décideurs de normalisation. Pour ce faire, utilisez le "colonne de largeur" attribut de style dans votre élément de table. Voici un exemple en utilisant la même table de l'étape 2:



    Assurez-vous que la largeur de la table est égale à la somme de la largeur des colonnes.

» » » » Comment envelopper le texte dans un tableau en html