【已解决】【疑问】关于css+div的表格问题,求救 - Html & XHtml & CSS 网页制作讨论版 - 无忧脚本 -//体验编写HTML代码的乐趣

pppboy

小虫

UID 19827
精华 0
积分 34
帖子 8
威望 28
阅读权限 10
注册 2004-11-18
状态离线

大中小

使用道具

发表于 2006-4-10 01:24 资料个人空间短消息加为好友

【疑问】关于css+div的表格问题,求救

如附件
我用css+div的方式控制这个表格，表头是百分比控制的。
同样，数据部分的第一行第一列是四个字，第二行第一列是3个字母加四个字，因为同样是百分比的方式，所以后面的所属网站列就会没有对齐，导致后边的最后更新时间和操作也是不对齐的，有没有什么办法，可以让他们对齐呢？？

也就是说，不受第一列数据内容字数的影响，保证每行每列的数据在一定的百分比范围内是左对齐的。

紧急，请教高手解答。（如果我说的不清楚的话，就理解成，用css+div的方式，使图例里的数据对齐，且用的是百分比方式。）谢谢大家了。

附件: 您所在的用户组无法下载或查看附件

六翼天使

小恐龙

UID 16404
精华 0
积分 372
帖子 230
威望 252
阅读权限 30
注册 2004-8-31
状态离线

大中小

使用道具

发表于 2006-4-10 09:20 资料个人空间短消息加为好友

真的是表格，就没必要CSS+DIV了吧……

pppboy

小虫

UID 19827
精华 0
积分 34
帖子 8
威望 28
阅读权限 10
注册 2004-11-18
状态离线

大中小

使用道具

发表于 2006-4-10 09:56 资料个人空间短消息加为好友

我指的不是用css+div来"控制"表格,是指样子是这种的,只是用div+css方式业展现,如:
<div>
<ul>
<li>频道名称</li>
<li>所属网站</li>
<li>最后更新时间</li>
<li>用户操作</li>
</ul>
</div>

hbjswj

大恐龙

UID 18113
精华 0
积分 899
帖子 1030
威望 214
阅读权限 50
注册 2004-10-12
状态离线

大中小

使用道具

发表于 2006-4-10 10:50 资料个人空间短消息加为好友

<!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;  样式之美 &raquo; </title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="KEYWords" content="css,xhtml" /><meta name="DEscription" content="CSS" /><meta name="author" content="RotUI" /><meta content="all" name="robots" /><link rel="start" href="http://www.rotui.net" title="Home" /><style type="text/css">ol.art{	list-style-type :none;}ol.art li{	clear:both;/*清行*/}ol.art li a{	width:500px;/*定义宽度只是发了对齐*/	float:left;display:inline;/*不能路过就浮过吧*/}ol.art li address{	width:100px;	font-style : normal;/*中文斜体不是很好看的说*/	float:left;display:inline;}ol.art li i{	font-style : normal;	float:left;display:inline;}ol.art li strong {	font-style : normal;	width:50px;	float:right;display:inline;	font-weight:normal;}</style><body>我改EOE的<ol class="art">	    <li><strong>编辑</strong><a href="#" title="...">[原创:JS]由浅到深了解JavaScript类</a><address>笨红</address><i>2-9</i></li>	    <li><strong>编辑</strong><a href="#" title="...">[原创:CSS]正确认识html与body </a><address>一叶千鸟</address><i>2-8</i></li>	    <li><strong>编辑</strong><a href="#" title="...">[灌水:泡MM]没有MM的日子怎样过</a><address>嗷嗷</address><i>2-8</i></li>	    <li><strong>编辑</strong><a href="#" title="...">........</a><address>....</address><i>....</i></li>    </ol></body></html>

提示：您可以先修改部分代码再运行

orcss

pppboy

小虫

UID 19827
精华 0
积分 34
帖子 8
威望 28
阅读权限 10
注册 2004-11-18
状态离线

大中小

使用道具

发表于 2006-4-10 13:27 资料个人空间短消息加为好友

非常感谢版主,哈哈