Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > CSS Tutorial > body text

Summary of methods for creating thin lines in DIV and CSS layout_Experience exchange

WBOY

Release： 2016-05-16 12:07:35

Original

1490 people have browsed it

When I was making height control of div today, I found that controlling the height of div under IE was invalid when it was very small, so I checked related articles.

Finally we have a solution, refer to the following article:

If you want to make a line with a height less than 12PX (approximately), it will be displayed higher than the actual height in IE, see below.

Copy code The code is as follows:

Yes It can be seen that the actual height is greater than 6PX, which can be regarded as a BUG of IE. The following three methods can solve this problem. It is recommended to use the first method.
1:

Copy code The code is as follows:

2. Add a space between divs Note: IE5.0 is invalid

Copy code span> code is as follows:

Copy code The code is as follows:

Related labels：

DIV和CSS排版中制作细线条的方法小结

source：php.cn

Previous article：The difference between scrollWidth, clientWidth and offsetWidth_Experience exchange Next article：HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth complete explanation_Experience exchange

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn