Shulou(Shulou.com)06/03 Report--

This article is about how to solve the strange text overflow bug of Firefox. The editor thinks it is very practical, so I share it with you. I hope you can get something after reading this article. Let's take a look at it.

Recently, I encountered a very big bug under my native win 7 + firefox 26.0. the text in the div container with scroll bar spilled out of the container, as shown in the figure:

In my environment, it can be reproduced 100%, but not on two other people's machines.

There is nothing special about my system environment and browser. I can't understand it. I really don't have a good personality.

This is a simple HTML document, 4 simple CSS rules, more than ten lines of simple HTML, no JS, all the source code is as follows:

The code is as follows:

HTML5

Ul {

List-style-type: none

Padding:0

}

Li {

White-space: nowrap

}

.box {

Overflow:auto

Width: 200px

Height: 140px

Border: solid 1px # 66f

}

.icon {

Display: inline-block

Background-image: url ("tree_file.gif")

Background-repeat: no-repeat

Width: 16px

Height: 18px

Vertical-align: middle

}

Hello world Hello world Hello world Hello world

Hello world Hello world Hello world Hello world

The above is how to solve the strange text overflow bug of Firefox. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.