Thursday, 15 April 2010

html - How to make div with height limit? -



html - How to make div with height limit? -

sorry if english language has mistakes)). question how create div height limit? mean, div has ul blocks example:

<div> <ul> <li>first text</li> </ul> </div>

and div has height 280 px. when seek add together more , more <li>smth...</li> - it's going lower , lower, , after of text gone below div's height limit.

don't propose float:left, means, text adds in horizontal line, want achive vertical height limit. smth newspaper, know.

logic: text have go lower , lower before height limit, after that, text have split itself, , go on move downwards on new vertical line same div element.

image don't understand talking about:

i not sure if it's possible incorporate width within script allow flow column column. noticed not seem work within ie.

<head> <style> .columnflow { -moz-column-count:3; /* firefox */ -webkit-column-count:3; /* safari , chrome */ column-count:3; -moz-column-gap:40px; /* firefox */ -webkit-column-gap:40px; /* safari , chrome */ column-gap:40px; -moz-column-rule:2px outset #ff00ff; /* firefox */ -webkit-column-rule:4px outset #ff00ff; /* safari , chrome */ column-rule:4px outset #ff00ff; } </style> </head> <body> <div class="columnflow"> text flow within 3 different columns. think unsure how work within ie. not sure how set width. appears though spreads provided text evenly within amount of columns developer chooses. hope helps. </div> </body>

there few additional version of on w3c site. hope helps! http://www.w3schools.com/css3/css3_multiple_columns.asp

html height

No comments:

Post a Comment