r a p p e l e r *: code : columns

02 October 2011
Section: code
Permalink

code : columns

CSS column น่ะ

div {

column-count:2;   /*จำนวนคอลัมภ์*/
  column-width: 15em;  /*ความกว้างของคอลัมภ์*/
  column-gap: 2em;   /* ระยะห่างระหว่างคอลัมภ์ */            
  column-rule: 4px solid green;  /* เส้นกั้น */
  padding: 5px;      /* กรอบใหญ่รวมคอลัมภ์ทั้งหมด */
}

‘column-count’, to determine the number of columns into which the content of the element will flow.
‘column-width’, to describe the optimal width of each column.
‘column-gap’, to set the padding between columns.
‘column-rule’, to define a border between columns.