Was sind die Werte des Anzeigeattributs in h5?
Die Werte des Anzeigeattributs in h5 umfassen Block, Inline, Inline-Block, None, Table, Flex, Grid, List-Item, Inherit, Initial usw. Detaillierte Einführung: 1. Block: Verwenden Sie den Blockwert, um das Element auf Blockebene anzuzeigen. Das heißt, das Element belegt eine exklusive Zeile und die Breite beträgt standardmäßig 100 % des übergeordneten Containers. 2. Inline: Inline-Werte sorgen dafür, dass das Element inline angezeigt wird, d. h., das Element zeigt keine exklusive Zeile usw. an.
Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.
In HTML5 wird das Anzeigeattribut verwendet, um zu steuern, wie Elemente angezeigt werden. Es definiert, wie Elemente auf der Seite angeordnet und dargestellt werden. Das Anzeigeattribut kann verschiedene Werte annehmen. Einige der gebräuchlichen Werte werden im Folgenden vorgestellt.
1. Block (Element auf Blockebene): Verwenden Sie den Blockwert, um das Element auf Blockebene anzuzeigen. Das heißt, das Element belegt eine exklusive Zeile und die Breite beträgt standardmäßig 100 % des übergeordneten Containers. Zu den gängigen Elementen auf Blockebene gehören
,
usw.
2. Inline (Inline-Element): Verwenden Sie den Inline-Wert, um das Element inline anzuzeigen, d. h. das Element belegt keine eigene Zeile, sondern wird in derselben Zeile wie andere Elemente angezeigt. Zu den gängigen Inline-Elementen gehören , , , , usw.
3. Inline-Block (Inline-Block-Level-Element): Verwenden Sie den Inline-Block-Wert, um das Element auf Inline-Block-Level-Weise anzuzeigen, das heißt, das Element wird in derselben Zeile angezeigt und verfügt über Attribute wie die Breite und Höhe einstellbar. Zu den gängigen Inline-Elementen auf Blockebene gehören ,
4. none (verstecktes Element): Verwenden Sie den Wert none, um das Element auszublenden, d. h. das Element wird nicht auf der Seite angezeigt. Wenn dieser Wert festgelegt ist, belegt das Element keinen Platz. Dies ist nützlich, wenn Sie Elemente dynamisch ein- und ausblenden müssen.
5. Tabelle (Tabellenelement): Verwenden Sie den Tabellenwert, um das Element als Tabelle anzuzeigen, d. h. das Element weist die Eigenschaften einer Tabelle auf, einschließlich Tabellenzeilen und -spalten. Zu den gängigen Tabellenelementen gehören
usw.
6. Flex (flexibles Layout): Verwenden Sie den Flex-Wert, um Elemente mithilfe eines flexiblen Layouts anzuordnen. Das flexible Layout kann die Größe und Position von Elementen automatisch an die Größe des Containers anpassen, um flexible Layouteffekte zu erzielen. Zusätzlich zu den oben genannten Werten kann das Anzeigeattribut auch andere Werte annehmen, wie zum Beispiel: -grid (Rasterlayout): Verwenden Sie den Rasterwert, um Elemente mithilfe des Rasterlayouts anzuordnen. Das Rasterlayout unterteilt die Seite in Zeilen und Spalten und erleichtert so die Anordnung von Elementen. - Listenelement: Verwenden Sie den Listenelementwert, um Elemente als Listenelemente anzuzeigen, d. h. vor dem Element steht ein Aufzählungszeichen oder eine Zahl. - erben (Anzeigeattribute des übergeordneten Elements erben): Verwenden Sie den Vererbungswert, um das Anzeigeattribut des übergeordneten Elements zu erben. - initial (Anfangswert): Verwenden Sie den Anfangswert, um die Anzeigeeigenschaft auf ihren Anfangswert zurückzusetzen. Die oben genannten sind einige häufig verwendete Anzeigeattributwerte. Durch Festlegen des Anzeigeattributs können wir den Anzeigemodus von Elementen flexibel steuern und verschiedene Layouteffekte erzielen. Das obige ist der detaillierte Inhalt vonWas sind die Werte des Anzeigeattributs in h5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website! 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
![]() Heiße KI -Werkzeuge![]() Undresser.AI UndressKI-gestützte App zum Erstellen realistischer Aktfotos ![]() AI Clothes RemoverOnline-KI-Tool zum Entfernen von Kleidung aus Fotos. ![]() Undress AI ToolAusziehbilder kostenlos ![]() Clothoff.ioKI-Kleiderentferner ![]() AI Hentai GeneratorErstellen Sie kostenlos Ai Hentai. ![]() Heißer Artikel
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor
By 尊渡假赌尊渡假赌尊渡假赌
Assassin's Creed Shadows: Seashell Riddle -Lösung
3 Wochen vor
By DDD
Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben
2 Wochen vor
By DDD
Will R.E.P.O. Crossplay haben?
1 Monate vor
By 尊渡假赌尊渡假赌尊渡假赌
![]() Heiße Werkzeuge![]() Notepad++7.3.1Einfach zu bedienender und kostenloser Code-Editor ![]() SublimeText3 chinesische VersionChinesische Version, sehr einfach zu bedienen ![]() Senden Sie Studio 13.0.1Leistungsstarke integrierte PHP-Entwicklungsumgebung ![]() Dreamweaver CS6Visuelle Webentwicklungstools ![]() SublimeText3 Mac-VersionCodebearbeitungssoftware auf Gottesniveau (SublimeText3) ![]() Heiße Themen
CakePHP-Tutorial
![]() ![]() ![]() Fujifilm-Fans waren kürzlich sehr gespannt auf die Aussicht auf die X-T50, da sie eine Neuauflage der preisgünstigen Fujifilm X-T30 II darstellte, die in der APS-C-Kategorie unter 1.000 US-Dollar recht beliebt geworden war. Leider ist die Fujifilm X-T50 auf den Markt gekommen ![]() Apple Studio Display ist jetzt offiziell im Handel erhältlich und viele Kunden auf der ganzen Welt haben das Produkt gekauft. Im Gegensatz zum ProDisplayXDR verfügt das StudioDisplay über einen einzigartigen Stromanschluss, der scheinbar nicht abnehmbar ist. Es stellt sich heraus, dass das Kabel abnehmbar ist, Sie benötigen jedoch ein Spezialwerkzeug, um es zu entfernen. Apple gibt auf seiner Website an, dass das Netzkabel des Studio Displays nicht abnehmbar sei – und das denken viele Nutzer auch. Das liegt daran, dass es scheinbar unmöglich ist, das Kabel mit den Händen zu entfernen, aber glücklicherweise lässt sich das Kabel vom Monitor lösen. Apple verfügt über ein spezielles Tool zum Extrahieren von Informationen aus seinem neuen StudioDispl ![]() Samsung Smart Display M8 vs. Apple Studio Display: Design und Größe Seit seiner Einführung wird das Apple Studio Display mit dem iMac verglichen, da es aus einem relativ dünnen Panel auf einem relativ einfachen L-förmigen Ständer besteht. Es ist eine bekannte und beliebte Ästhetik, und Samsung scheint sie für seine Präsentation übernommen zu haben. Der Samsung SmartMonitor M8 nutzt die gleiche Idee eines dünnen Bildschirms auf einem Standfuß, der sehr ähnlich aussieht. Einige kleinere Elemente unterscheiden sich, wie zum Beispiel der kleine Bereich in der unteren linken Ecke, der etwas hervorsteht, und das sehr dünne Kinn des Samsung, aber vom grundlegenden Design her scheinen sie ähnlich zu sein. Samsung scheint sich stark vom 24-Zoll-iMac inspirieren zu lassen. Das Display von Apple ist kleiner als das von Samsung ![]() H5 bezieht sich auf HTML5, die neueste Version von HTML. H5 ist eine leistungsstarke Auszeichnungssprache, die Entwicklern mehr Auswahlmöglichkeiten und kreativen Raum bietet. Ihr Aufkommen fördert die Entwicklung der Web-Technologie und macht die Interaktion und Wirkung von Webseiten noch besser Wenn es allmählich reift und populär wird, glaube ich, dass es in der Internetwelt eine immer wichtigere Rolle spielen wird. ![]() Wir berichten häufig über Geräte, die auf Displays mit elektronischer Tinte basieren, wie zum Beispiel E-Reader. Die Technologie bietet eine Reihe von Vorteilen: Sie kann in hellen Umgebungen ohne Hintergrundbeleuchtung gelesen werden und benötigt beim Schalten ohne Licht nur Strom ![]() StudioDisplay und LG UltraFine5KDisplay nehmen ähnliche Marktpositionen ein, der Monitor von Apple ist jedoch 300 US-Dollar teurer. Hier finden Sie alles, was Sie über den Vergleich dieser Monitore wissen müssen. Sechs Jahre sind in der Tech-Welt eine lange Zeit, und es ist auch die Zeit, seit Apple einen Markenmonitor verkauft hat, der weniger als 5.000 US-Dollar kostet. Während dieser Zeit ging Apple eine Partnerschaft mit LG ein, um die LG UltraFine-Serie zu verkaufen, die sich speziell an Mac-Benutzer richtete. Im Jahr 2019 stellte Apple den Verkauf dieser LG-Monitore zugunsten von ProDisplayXDR ein, einem erschwinglichen Mac-freundlichen Display ![]() IntelMac-Benutzer, die Windows auf einem Mac ausführen, können jetzt ihre Treiber in BootCamp aktualisieren, um Apples StudioDisplay zu unterstützen. Apple aktualisiert BootCamp regelmäßig, um Unterstützung für neue Hardware sowie typische Kompatibilitäts- und Leistungsverbesserungen einzuführen. Im Software-Update vom März hat Apple BootCamp für die Zusammenarbeit mit dem neuen StudioDisplay aktiviert. Das Update, das BootCamp auf Version 6.1.17 bringt, führt zwei wichtige Supportelemente ein. Erstens wird die Kompatibilität mit StudioDisplay hinzugefügt und sichergestellt ![]() Zu den Anzeigewerten gehören Block, Inline, None, Inline-Block, Flex, Grid, Table, Inline-Table und List-Item. Detaillierte Einführung: 1. Block, der Elemente in Elemente auf Blockebene umwandelt, bildet einen Block auf der Seite und belegt nur eine Zeile. 2. Inline, wodurch Elemente in Inline-Elemente umgewandelt werden. Inline-Elemente belegen keine eigene Zeile und können neben anderen Elementen stehen. 3. Keine, dieser Wert gibt an, dass das Element nicht auf der Seite usw. sein wird. ![]() |