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

This article will explain in detail how css removes the spacing between buttons. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

In css, you can use the "font-size" attribute to remove the spacing between buttons. The spacing between buttons is because the element node has a text node, which occupies the width when indenting the code. You only need to add the "font-size:0;" style to the parent element of the button element to remove the spacing.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Normally, when we set the buttons, the spacing between the buttons will appear, as shown in the following example:

Document button

Output result:

At this point, we need to set the parent of the button element and add a "font-size:0;" style to the parent element.

Examples are as follows:

Document body {font-size:0;} button

Output result:

Document div {font-size:0; width:200px; height:100px; border:1px solid red;} button button

Output result:

This is the end of this article on "how to remove the gap between buttons in css". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

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.