Heim > Web-Frontend > CSS-Tutorial > So legen Sie fest, dass das p-Tag nicht in CSS eingeschlossen wird

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

coldplay.xixi
Freigeben: 2023-01-03 09:26:42
Original
4490 Leute haben es durchsucht

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;} 】.

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

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;}
    Nach dem Login kopieren

    HTML-Code

    <p>aaa</p> 
    <p>bbb</p>
    Nach dem Login kopieren

    Rendering:

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

    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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage