我們都知道很多的內(nèi)容編輯器(TinyMCE編輯器蛾找、fck)都有插入表格功能,快速方便赵誓,但是這些表格用到的標簽腋粥,可以查看html源代碼就能發(fā)現(xiàn)晦雨,table標簽對搜索引擎不是很友好,table太多話可能無法被SE收錄隘冲,有沒辦法用其他方法來實現(xiàn)繪制表格呢闹瞧?比如用<dl>標簽<dl>標簽是定義列表(definition list),結(jié)合<dt>(定義列表中的項目)和<dd>(描述列表中的項目)展辞,并將它們設(shè)置為同行顯示就能實現(xiàn)表格的效果
定義一下css樣式奥邮,float:left; 為同行顯示,如果文字太多罗珍,可以設(shè)置dd的高度height洽腺,避免表格邊框參差不齊!
樣式如下:
dl{
width: 100px;
float: left;
border: 1px solid red;
}
dt{
height: 30px;
font-weight: bold;
color: blue;
text-align: center;
}
dd{
margin:auto;
border-top:1px solid red;
text-align: center;
}
html代碼如下:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??