The CSS column-width property was introduced in CSS3. It suggests an optimal column width. The actual column width may be wider (to fill the available space), or narrower (only if the available space is smaller than the specified column width). Currently no browsers support this property (maybe Firefox 4.0 and IE9), but some browsers have their own vendor extensions which produce the same effect (see below).
Values[]
| Value | Description |
|---|---|
auto |
The column width will be determined by other properties (e.g., column-count, if it has a non-auto value).
|
<length> |
Specifies a length value for the width of the column. Values must be greater than 0. Examples of lengths are px, cm, etc.
|
CSS example:
div {
width: 100px;
column-width: 45px;
column-gap: 0;
column-rule: none;
}