html - table-layout fixed not working -
with following code css table supposed hide content exceeds table height (200px). unfortually doesn´t work , table vertically expanded. knows why ?
<div style='display:table; border:1px solid blue; width:200px; table-layout:fixed; height: 200px'> <div style='display:table-row'> <div style='display:table-cell; overflow:hidden'> contents<br/>contents<br/>contents<br/>contents<br/>contents<br/> contents<br/>contents<br/>contents<br/>contents<br/>contents<br/> contents<br/>contents<br/>contents<br/> </div> </div> </div> <div style='display:inline-block;width:20px;height:200px; border:1px solid red; position:absolute;top:8px;left:220px'> </div>
thanksç
from see, need add class
or id
divs
. also, if want create table, without heaps of divs without classes or ids. here reference on how make tables @ w3schools: http://www.w3schools.com/html/html_tables.asp
Comments
Post a Comment