Heim > Web-Frontend > CSS-Tutorial > So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

coldplay.xixi
Freigeben: 2023-01-05 16:09:09
Original
23673 Leute haben es durchsucht

So legen Sie den versteckten Teil von CSS fest: Erstellen Sie zuerst eine neue Datei und verwenden Sie das div-Tag, um Text zu erstellen. Setzen Sie dann das Klassenattribut des div-Tags auf txtdiv „overflow:hidden“, um den aktuellen Wert festzulegen. Der Text innerhalb des div wird nicht angezeigt, wenn er die Breite überschreitet.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So legen Sie fest, dass der überschüssige Teil im CSS ausgeblendet wird:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie der überschüssige Teil im CSS ausgeblendet wird.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

2. Verwenden Sie in der Datei test.html das div-Tag, um eine Textzeile zum Testen zu erstellen.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

3. Setzen Sie in der Datei test.html das Klassenattribut des div-Tags auf txtdiv, das zur Definition seines Stils durch diese Klasse unten verwendet wird.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

4. Legen Sie im CSS-Tag den Stil der Div-Klasse fest, definieren Sie die Breite auf 100 Pixel, die Höhe auf 25 Pixel und die Hintergrundfarbe auf Grau.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

5. Verwenden Sie im CSS-Tag „overflow:hidden“, um es so einzustellen, dass es ausgeblendet und nicht angezeigt wird, wenn der Text im div die Breite überschreitet.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

6. Öffnen Sie die Datei test.html im Browser, um die Ergebnisse anzuzeigen.

So legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet wird

Empfohlene verwandte Tutorials: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass der Beyond-Teil in CSS ausgeblendet 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