Vertical lines for ie6 and 7 | Compatible_html/css_WEB-ITnose

This post was last edited by unifyyeteng on 2013-01-14 19:39:10

ie css

ie6 and 7 vertical bars | will automatically add a space, while 8 and Others won't. Later I changed the image to one pixel and set the width to 1px. Overflow:hidden still didn't work. IE6 and 7 still took up at least 5px. Please give me a solution. Please don't reply until the test is successful. Thank you!!!
See the picture, the small blue area I selected on the right is a space

Reply to the discussion (solution)

Are vertical bars and labels inline elements
For reference
N ways to remove spacing between inline-block elements
http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-remove spacing/


In fact, it is not recommended to directly type vertical lines like "|" on the page. You can use border-left or border-right to do it

Thank you for providing reference materials. This article is very funny, because There is a background, but using border cannot achieve the desired effect.