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

Editor to share with you how to use the cross-column column-span attribute in css. I hope you will get something after reading this article. Let's discuss it together.

Across columns, similar to the juxtaposition colspan property we learned about in the HTML getting started tutorial. In CSS3 multi-column layout, sometimes we need to use the column-span attribute to achieve the cross-column effect.

Syntax:

Column-span: value

Description:

The values of the column-span attribute are as follows:

Value of column-span attribute

Attribute value description

None indicates that the element does not span any columns (default)

All means that the element spans all columns, as opposed to the none value

Code:

Cross-column column-span property

Body

{

Width:400px

Padding:10px

Border:1pxsolidsilver

-webkit-column-count:2

-webkit-column-gap:20px

-webkit-column-rule:1pxdashedred

}

H2

{

Height:60px

Line-height:60px

Text-align:center

Background-color:silver

-webkit-column-span:all

}

P

{

Font-family: Microsoft Yahei

Font-size:14px

Text-indent:28px

Background-color:#F1F1F1

}

In a hurry

The swallow has gone, there is a time to come again; the willow is withered, there is a time to be green again; the peach blossom is withered, and there is a time to bloom again. But, wise, tell me, why are our days gone forever? -- someone stole them, didn't they: who was that? And where is it hidden? Did they escape by themselves-- where are they now?

I don't know how many days they gave me, but my hands seem to be getting empty. Silently calculating, more than 8,000 days have slipped away from my hands, like a drop of water on the tip of a needle dripping into the sea, my days dripping in the flow of time, no sound, no shadow. I couldn't help getting my head dirty and I was in tears.

……

In the days of flight, what can I do in the world of thousands of families? Only wandering, only in a hurry; in the more than 8,000 days of haste, apart from wandering, what is left? The old days are like smoke, dispersed by the breeze, like mist, evaporated by the morning sun; what traces do I leave? Have I ever left traces like a gossamer? I came into this world naked, and will I go back naked in the twinkling of an eye? But it can't be flat, why do you have to take this trip in vain?

You wise, tell me, why are our days gone forever?

After reading this article, I believe you have a certain understanding of "how to use cross-column column-span attributes in css". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

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.