How to limit text in columns with CSS?

Question

How to limit text in columns with CSS?

Navigation

#1 by (0 votes)

2

I'm getting text from the database:

<p> texto um pouco curto </p>

And displaying using columns of css in 3 parts, but I wonder if it is possible to block text by just creating another column after </p> .

#textocolunas {
    font-size: 12pt;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    -webkit-column-rule: 1px solid #C0C0C0;
       -moz-column-rule: 1px solid #C0C0C0;
            column-rule: 1px solid #C0C0C0;
}

Following is an EDIT fiddle as is:

updated jsfiddle

css

asked by anonymous 23.02.2016 / 19:07

1 answer

How to join the two tables in this case? Put local Json in external Json $ http Angular / Ionic

score 0 · Answer 1

Unfortunately this is still not possible. And as incredible as it sounds, the printing of columns only works in IE. In firefox it prints the columns, but still has some errors. And in Chrome, it does not print the columns.

Visit w3c or Mozilla .