table变成div+css
发布网友
发布时间：2022-04-20 19:21
共3个回答
懂视网
时间：2022-04-20 23:42
更新说明:
3.0.0
+增加DOM(文档对象模型)查看器，允许调整转换设置.
+通用CSS前缀配置默认值"gen".
+增加视频转换教学帮助
转化并不完美，推荐还是手写好
http://crsky.com/soft/17912.html#fb
热心网友
时间：2022-04-20 20:50
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
*{margin:0; padding:0;}
.table{margin:0 auto; width:755px;border:1px solid #00FFFF;}
.link{margin:0 auto; width:755px; }
.table ul{float:left; text-align:center; list-style:none; }
.table ul li{border:1px solid #00FFFF; margin:2px;}
</style>
<body>
<div class="link"><a href="${basePath}usersJsp/reself.jsp?id=${user.id}">编辑</a>
<a href="javascript:void(0)" onclick="test(${user.id})">删除</a>
</div>
<div class="table">
<ul>
<li>用户ID</li>
<li>${user.id}</li>
</ul>
<ul>
<li>用户名</li>
<li>${user.username}</li>
</ul>
<ul>
<li>用户性别</li>
<li>${user.sex}</li>
</ul>
<ul>
<li>用户生日</li>
<li>${user.birth}</li>
</ul>
<ul>
<li>用户邮箱</li>
<li>${user.email}</li>
</ul>
<ul>
<li>用户电话</li>
<li>${user.phone}</li>
</ul>
<ul>
<li>用户时间</li>
<li>${user.time}</li>
</ul>
<ul>
<li>编辑用户</li>
<li>${user.id}</li>
</ul>
<ul>
<li>删除用户</li>
<li>${user.id}</li>
</ul>
</div>
</body>
</html>
热心网友
时间：2022-04-20 22:08
<!--
.table{ width:200px; text-align:center; line-height:26px;}
.left{ width:80px; float:left;}
.right{ width:120px; float:left;}
-->
</style>
<div class="table">
<div class="left">用户ID</div>
<div class="right">${user.id}</div>
<div class="left">用户名</div>
<div class="right">${user.username}</div>
<div class="left">用户性别</div>
<div class="right">${user.sex}</div>
<div class="left">用户生日</div>
<div class="right">${user.birth}</div>
<div class="left">用户邮箱</div>
<div class="right">${user.email}</div>
<div class="left">联系电话</div>
<div class="right">${user.phone}</div>
<div class="left">注册时间</div>
<div class="right">${user.time}</div>
<div class="left">编辑用户</div>
<div class="right"> <a href="${basePath}usersJsp/reself.jsp?id=${user.id}">编辑</a></div>
<div class="left">删除用户</div>
<div class="right"> <a href="${basePath}usersJsp/reself.jsp?id=${user.id}">删除</a></div>
</div>
你没有把最终的页面展示出来 所以不知道具体的宽高和布局
