Gemeinsame Attribute von Uni-App-Elementen

Gemeinsame Attribute von Uni-App-Elementen

<view
style="
display: flex; definiert das übergeordnete Element als flex;
flex-direction:row; gibt horizontales Layout an.
flex-direction:column; vertikale Sortierung, wenn nicht festgelegt, ist die Standardeinstellung horizontal
align-items:center; untergeordnete Elemente werden nach oben und unten zentriert
justify-content:center; Zentrieren Sie die untergeordneten Elemente links und rechts">

Das Anzeigeattribut deklariert die Verwendung des Flexbox-Modus-Layouts;
das Flex-Direction-Attribut deklariert, ob horizontales oder vertikales Layout verwendet werden soll,
Zeile gibt horizontales Layout an und Spalte gibt vertikales Layout an;

Das Flex-Wrap-Attribut definiert, was getan werden soll, wenn die Breite des Elements die Breite des Containers überschreitet.
Nowrap bedeutet kein Zeilenumbruch und Wrap bedeutet Zeilenumbruch.

<text style="width:20%;">Adresse</text>
<text style="width:60%; text-align:center;Text-center">Bitte geben Sie Schlüsselwörter ein</text>
<text style=" width:20%; text-align:center;">Nachricht</text>

style="font-weight:bold;font fat"
color: Textfarbe.
Schriftgröße: Textgröße.
font-weight:bold; Schriftstärke.
Schriftstil: Schriftart.
Zeilenhöhe: Zeilenhöhe.
Textdekoration: unterstreichen; Text unterstreichen.
text-align: Textausrichtung.

Text begrenzt die Anzahl der Wörter und Zeilen, verwenden Sie Ellipsen ... anstelle von
-webkit-line-clamp: 2; und legen Sie es auf zwei Zeilen fest. Wenn der Textinhalt zwei Zeilen überschreitet, wird der überschüssige Teil automatisch ausgeblendet.

Supongo que te gusta

Origin blog.csdn.net/jun_tong/article/details/132870893
Recomendado
Clasificación