So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird

So legen Sie fest, dass das p-Tag in CSS nicht umbrochen wird: Verwenden Sie den Stil [display:inline], um dafür zu sorgen, dass das p-Tag nicht umbrochen wird. Dieses Attribut wird verwendet, um den Typ des vom Element generierten Anzeigefelds beim Erstellen des Layouts zu definieren. Der Code lautet [p{display: inline;} 】.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

So stellen Sie ein, dass das p-Tag nicht in CSS umgebrochen wird:

Wir haben den display:inline-Stil verwendet, um dafür zu sorgen, dass das p-Tag nicht umgebrochen wird.

Einführung in den Anzeigestil: Das Attribut

display gibt den Feldtyp an, den das Element generieren soll.

Dieses Attribut wird verwendet, um den Typ des Anzeigefelds zu definieren, das vom Element beim Erstellen eines Layouts generiert wird. Bei Dokumenttypen wie HTML kann die unvorsichtige Verwendung der Anzeige gefährlich sein, da sie möglicherweise die bereits in HTML definierte Anzeigehierarchie verletzt. Da XML nicht über diese Art von Hierarchie verfügt, ist die gesamte Anzeige unbedingt erforderlich.

Attributwert:

• none Dieses Element wird nicht angezeigt.

• block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.

• Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.

• inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)

• list-item Dieses Element wird als Liste angezeigt.

• run-in Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.

• compact Es gab einen Wert „compact“ in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden war.

• marker Es gibt einen Wertmarker in CSS, der jedoch aufgrund mangelnder allgemeiner Unterstützung aus CSS2.1 entfernt wurde.

• table Dieses Element wird als Tabelle auf Blockebene angezeigt (ähnlich wie

  ), mit Zeilenumbrüchen vor und nach der Tabelle.

  inline-table Dieses Element wird als Inline-Tabelle angezeigt (ähnlich wie

  ), ohne Zeilenumbrüche vor und nach der Tabelle.

  table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

  ).

  table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

  ).

  table-footer-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

  ).

  table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie

  ).

  table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie

  ).

  table-column Dieses Element wird als Zellenspalte angezeigt (ähnlich zu

  )

  table-cell Dieses Element wird als Tabellenzelle angezeigt (ähnlich zu

  inherit gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.

  Beispiel

  CSS-Code

  p{display: inline;}

  HTML-Code

  <p>aaa</p> 
  <p>bbb</p>

  Rendering:

  

  Verwandte Tutorialempfehlungen: CSS-Video. Tutorial

  und )

  table-caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!