Heim >Web-Frontend >CSS-Tutorial >So verbergen Sie ein Textfeld in CSS

So verbergen Sie ein Textfeld in CSS

王林
王林Original
2021-05-17 13:50:163135Durchsuche

Die Möglichkeit, das Textfeld in CSS auszublenden, besteht darin, das Anzeigeattribut zum Textfeld hinzuzufügen und den Attributwert auf „Keine“ zu setzen. Das Anzeigeattribut wird verwendet, um die Art der Box anzugeben, die das Element generieren soll.

So verbergen Sie ein Textfeld in CSS

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Wir müssen nur den

Wenn wir zu diesem Zeitpunkt die Seite im Browser öffnen, können wir sehen, dass das Textfeld ausgeblendet ist und keinen Platz einnimmt Leerzeichen, wie im Bild unten gezeigt:

So verbergen Sie ein Textfeld in CSS

display-Attribut Gibt den Typ des Felds an, das das Element generieren soll.

Attributwert:

  • none Dieses Element wird nicht angezeigt.

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p {display:inline}
</style>
</head>
<body>

<p>这两个段落生成内联盒子,和它的结果</p>

<p>这两个元素之间没有距离。</p>

Verwandte Videofreigabe: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verbergen Sie ein Textfeld in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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