multiple column

[tomjobim]

Hi,

How can I set height to multi-column?

I want to have a code that has a fixed measurement for height [140px] and width [145px], but can have as much columns as needed for the text…

somehow if i put the code ‘height: 140px’, it doesn’t works…

.column {
margin-left: 150px;

-webkit-column-width: 145px;
-webkit-column-gap: 2.5px;

-moz-column-width: 145px;
-moz-column-gap: 2.5px;

column-width:145px;
column-gap:2.5px;

if someone can helps would be great!

[Paulie_D]

Don’t think it works that way.

You have to tell it how many columns you want as I recall.

[tomjobim]

yes, i’m very aware of the option to set how many columns i want. but with this, in the end, i have a ‘height flexible’ code….

and i don’t want either a ‘height flexible’ or a ‘width flexible’ website, but a ‘column-count flexible’ website….so it can expand as much text is uploaded inside the columns….without loosing the design of the columns [140px x 145px]

i think it must have a way to do that….

[Paulie_D]

>i think it must have a way to do that….

Not using the column-count methodology AFAIK.

[tomjobim]

ok! AFAIK i’m not using it…

[Paulie_D]

OK…but if you aren’t then the other ‘column’ properties mean nothing, I believe.

https://css-tricks.com/almanac/properties/c/columns/

[Kitty Giraudel]

Have you tried something like this?

.wrapper { columns: 15em; }

This should give you column-count flexibility.

[tomjobim]

thanks hugogiraudel

i’ve put ‘height: 140px’ and somehow it started to work…

i still don’t have full control of the columns, but so far, i achieved what i needed.

thanks!

[Kitty Giraudel]

No problem.

[Author]

Posts