css控制表格横向显示

html-css016

css控制表格横向显示,第1张

CSS即层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS控制表格横向显示Html代码： <div style="position:relative"><table class="t1"><tr><td>1</td></tr></table><table class="t2"><tr><td>2</td></tr></table><table class="t3"><tr><td>3</td></tr></table></div>CSS代码：<style type="text/css">.t1, .t2, .t3 {width:100pxposition:absolute}.t2 {top:0left:100px}.t3 {top:0left:200px}</style>

<table style="margin:0 autowidth:100pxmargin-top:50px">

<!-- margin:0 autowidth:100px是横向居中，宽度根据你的需要设置 -->

<!-- margin-top:50px是上间距 -->