Return to Test Drive Home
show a tweet show 5 tweets auto show tweets clear all tweets cycle column count
What is tweet columns?
This demo shows CSS3 Multi-column Layout using Twitter’s toptweets from March 31 to April 2. Adjust the CSS3 properties below to change the layout of the tweet list. Your browser does not support CSS3 Multi-column Layout. The list of tweets is a standard <ul> element with CSS3 multi-column layout properties applied. Each tweet is an <li> element with the “break-inside: avoid” rule (and its vendor-prefixed versions) applied. The <ul> list of tweets is wrapped in a <div> with style="overflow-x: auto; padding-left: 10px; padding-right: 10px; border: solid 1px #999;"
Advanced Settings
column-count: column-width:
height: column-gap:
column-fill: column-rule: