CSS implements the menu button effect of the adaptive width

This article mainly introduces the CSS implementation of the adaptive width of the menu button effect code, an example of the CSS for the page adaptive width of the relevant setting skills, with a certain reference value, the need for friends can refer to the next

This article describes the CSS implementation of the adaptive width of the menu button effect code. Share to everyone for your reference. Specific as follows:

This is a CSS based on the adaptive width of the button effect code, the effect you can say it is a menu, it can be said that it is a CSS button instance, I do not know whether you find that the length of the menu item can adapt to the number of words, the more text, it is longer, less text, it is more short, very smart bar. Like this can be adapted to the menu, its practicality greatly enhanced, and the code is very concise, share for everyone reference.

The results are as follows:

The specific code is as follows:

<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "Http://www.w3.org/TR/html4/loose.dtd" >
 above is the whole content of this article, thank you for reading, more relevant content please pay attention to the PHP Chinese network!