CSS automatically intercepts the specified length string and displays the end... Support FF browser

CSS automatically intercepts the specified length string and displays the end... Support FF browser
<style type="text/css">

Copy code
The code is as follows:

<!--
.div1{
width:200px;
}
.div1 span{
white-space:nowrap;
text-overflow:ellipsis; /* for internet explorer */
overflow:hidden;
width:168px;
display:block;
float:left;
}

html>body .div1:after{/* for FF*/
content: "...";
margin-left:5px;
}

-->
</style>

<div class="div1"><span>The compatibility of IE7 browser recently released by Microsoft has indeed added a heavy burden to some web page developers</span></div>


<<:  Use of SerialPort module in Node.js

>>:  In-depth analysis of Flex layout in CSS3

Recommend

24 Practical JavaScript Development Tips

Table of contents 1. Initialize the array 2. Arra...

Vue+axios sample code for uploading pictures and recognizing faces

Table of contents Axios Request Qs processing dat...

Installation steps of docker-ce on Raspberry Pi 4b ubuntu19 server

The Raspberry Pi model is 4b, 1G RAM. The system ...

25 Ways and Tips to Increase Web Page Loading Speed

Introduction <br />Not everyone has access t...

Coexistence of python2 and python3 under centos7 system

The first step is to check the version number and...

How to view the docker run startup parameter command (recommended)

Use runlike to view the docker run startup parame...

Detailed explanation of the functions of each port of Tomcat

From the tomcat configuration file, we can see th...

Basic operations of mysql learning notes table

Create Table create table table name create table...

Steps to build a Docker image using Dockerfile

Dockerfile is a text file that contains instructi...

Prevent HTML and JSP pages from being cached and re-fetched from the web server

After the user logs out, if the back button on the...

A brief discussion on the $notify points of element

My original intention was to encapsulate the $not...

Example code for implementing beautiful clock animation effects with CSS

I'm looking for a job!!! Advance preparation:...

Solution to the problem of MySQL data delay jump

Today we analyzed another typical problem about d...

Text pop-up effects implemented with CSS3

Achieve resultsImplementation Code html <div&g...