CSS fängt die Zeichenfolge mit der angegebenen Länge automatisch ab und zeigt das Ende an ... Unterstützt den FF-Browser

CSS fängt die Zeichenfolge mit der angegebenen Länge automatisch ab und zeigt das Ende an ... Unterstützt den FF-Browser
<style type="text/css">

Code kopieren
Der Code lautet wie folgt:

<!--
.div1{
Breite: 200px;
}
.div1 span{
Leerzeichen:nowrap;
text-overflow:ellipsis; /* für Internet Explorer */
Überlauf: versteckt;
Breite: 168px;
Anzeige:Block;
schweben: links;
}

html>body .div1:after{/* für FF*/
Inhalt: "...";
Rand links: 5px;
}

-->
</Stil>

<div class="div1"><span>Die Kompatibilität des kürzlich von Microsoft veröffentlichten IE7-Browsers hat für einige Webseitenentwickler tatsächlich eine schwere Belastung dargestellt</span></div>


<<:  Verwendung des SerialPort-Moduls in Node.js

>>:  Detaillierte Analyse des Flex-Layouts in CSS3

Artikel empfehlen

Javascript Frontend Optimierungscode

Inhaltsverzeichnis Optimierung der if-Beurteilung...

10 Tipps für das User Interface Design mobiler Apps

Tipp 1: Konzentriert bleiben Die besten mobilen A...

MySQL 8.0.18 verwendet Klon-Plugin, um die MGR-Implementierung neu zu erstellen

Angenommen, ein Knoten im Drei-Knoten-MGR ist abn...

Analyse des Sperrmechanismus der MySQL-Datenbank

Bei gleichzeitigen Zugriffen kann es zu nicht wie...

CSS-Navigationsleistenmenü mit kleinem Dreieck-Implementierungscode

Viele Webseiten haben kleine Dreiecke in ihren Na...

Erstellen einer verteilten Selenium-Umgebung basierend auf Docker

1. Laden Sie das Bild herunter Docker-Pull Seleni...

Sieben Möglichkeiten zur Implementierung der Array-Deduplizierung in JS

Inhaltsverzeichnis 1. Verwenden von Set()+Array.f...

HTML verwendet Laufschrift, um Text nach links und rechts scrollen zu lassen

Code kopieren Der Code lautet wie folgt: <KÖRP...

Lösung für das Problem, dass sich der mysql8.0.11-Client nicht anmelden kann

In diesem Artikel erfahren Sie, wie Sie das Probl...

Verwenden Sie CSS, um zwischen dem Dunkelmodus und dem Hellmodus zu wechseln

In der fünften Ausgabe von Web Skills wird ausdrü...

So verpacken Sie das Uniapp-Projekt als Desktop-Anwendung

Electron installieren cnpm installiere Electron -...

javascript:void(0) Bedeutung und Anwendungsbeispiele

Einführung in das Schlüsselwort void Zunächst ein...

JS realisiert Video-Sperreffekt

Verwenden Sie um dies zu erreichen, die modulare ...