CSS – Layout

klar:

Der Wert dieses Attributs gibt an, dass keine schwebendenObjekte Seite.

Standardwert: keiner

取值	描述
none	允许两边都可以有浮动对象
left	不允许左边有浮动对象
right	不允许右边有浮动对象
both	两边都不允许有浮动对象

Wert

Beschreibung

keine

Floating-Objekte auf beiden Seiten zulassen td >

links

Keine schwebenden Objekte auf der linken Seite erlaubt

rechts

Schwimmende Objekte rechts nicht zulassen

beide

Auf beiden Seiten sind keine schwebenden Objekte zulässig

float:

Der Wert dieser Eigenschaft gibt an, wie das Objekt schwebt.

Standardwert: keiner

取值	描述
none	对象不漂浮
left	文本流向对象的右边
right	文本流向对象的右边

Wert

例子	效果
<p>         天津     </p>     <p>         计算机     </p>     <style> p { border:dashed 1px black; width:150px; height:70px; scrollbar-track-color :ThreedDarkShadow; } </style>

Beschreibung

keineObjekt schwebt nicht links Text fließt rechts davon Objekt tr> rechts Text fließt rechts vom Objekt

Beispiel:

Beispiel	Effekt
<img src="/static/imghwm/default1.png" data-src="1.jpg" class="lazy" alt="CSS – Layout" >     <img src="/static/imghwm/default1.png" data-src="1.jpg" class="lazy" alt="CSS – Layout" >

Clip:

Ruft den

sichtbaren Bereich

des Objekts ab oder legt ihn fest. Teile außerhalb des sichtbaren Bereichs sind transparent.

Position

Dieses Attribut kann nur verwendet werden, wenn der Wert des Attributs absolut ist

auto | ,num,num,num)

Standardwert: auto

Hinweis:

Das Positionsattribut des Elements muss absolut sein. Die Berechnungskoordinaten des Clip-Zuschneidens werden von oben beginnend berechnet linke Ecke, also der (0,0)-Punkt

取值	描述
none	对象无剪切.
rect(num num num num)	依据上-右-下-左的顺序提供对象左上角的(0,0)坐标计算的四个偏移数值,其中任何一个值都可用auto替换,即此边不剪切.

例子	效果

Wert	Beschreibung
keine	Das Objekt hat keinen Ausschnitt.
rect(num num num num)	Stellt vier Offsetwerte bereit, die aus den (0,0)-Koordinaten berechnet werden der oberen linken Ecke des Objekts in der Reihenfolge oben-rechts-unten-links kann durch auto ersetzt werden, das heißt, diese Kante wird nicht abgeschnitten.

Beispiel: tr> tbody>

Beispiel	Effekt

Das obige ist der detaillierte Inhalt vonCSS – Layout. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!