寻她模板站 ┃ 精美源于细节,细节造就成功。
繁体中文    广告服务
百度搜藏    加入收藏
业务咨询
您的位置: 首页 >> 网站建设教程 >> 如何用CSS定义表格与模拟表格
如何用CSS定义表格与模拟表格 (19)
更新时间:2008-07-17 09:48:05  作者:admin  来源:互联网  浏览次数:55  文字大小:【】【】【
简介:在这里~首先要说明的~我不是推荐大家使用表格布局,而是跟大家说明在显示大批量的数据时~还有表格可以用,而用DIV可以模拟出绝大部分以前的表格布局跟数据显示,在后面会讲些代替表格的显示方式.同时,因为找详细的 ...
    ; <li><span>[四川]</span>这里也没电了</li>
  <li><span>[上海]</span>郁闷!同上,没电啊~</li>
  <li><span>[北京]</span>挖哈哈 ^_^ 这里有电~</li>
  <li><span>....</span>........</li>
</ul>

css

ul.news2{
 width:400px;
 list-style-type :none;
}
ul.news2 li{
 text-align:left;/*这回向左对齐,因为我们要把span浮到右边*/
}
ul.news2 li span
{
 float:right;/*我浮我浮我浮浮浮,我在右边了*/
 display : inline;
}

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>XHTML中的表格介绍及表格的模拟 - Beautiful Style &laquo;  样式之美 &

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] [21] [22] [23] [24] [25] [26]