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

This article will explain in detail how to set the width of span in html5. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Span tag

Span represents the inline element, which is equivalent to the inline attribute. It only expands itself according to the width of the element and sets its own width, which does not work.

Mode one

Set the span property to span {display:block}

But writing in this way does not reflect the role of the span tag, which is consistent with the effect of div, and both represent block-level elements.

Mode two

Using the float property, set the property to span {float:left}:

Because float takes this piece of content away from the standard document stream, I need to set the width, which is exactly what I need. But remember to clear the cache finally.

Due to the large amount of code written

Tip: students who do not understand float attributes, please do your own Baidu.

Mode 3

Using the way of display:inline-block, the rendering effect is the same as the second way.

There are three attributes commonly used in display, and inline is an inline element, similar to span. Block is a block-level element, similar to div. Inline-block combines the two so that you can set your own width without having a single line.

This is the end of this article on "how to set the width of span in html5". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it 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.