作者dlikeayu (太阳拳vs野球拳)
看板PHP
标题Re: [请益] mysql建资料表时，如何让栏位变直列的?
时间Fri Mar 1 16:57:38 2013
※ 引述《popo14777 (草草)》之铭言：
: 编号 姓名 电话 手机 地址
: a111 王大头 02111 0937111 台北市叉叉路1号
: 以上是建立资料表时预设的栏位是横的
: 我想要变成直的，请问该怎麽做?
: 编号 a111
: 姓名 王大头
: 电话 02111
: 手机 0937111
: 地址 台北市叉叉路1号
: 向以上这样
<style>
/* 样式 每笔一列 */
.tableBox01 > ul > li{float:left;width:120px;height:20px;line-height:20px;
text-indent:12px;}
/* 权式 每笔一栏 */
.tableBox01 > ul{float:left;width:120px;}
.tableBox01 > ul > li{height:20px;line-height:20px;}
</style>
<div class="tableBox01">
<ul class="clearfix">
<li>编号</li>
<li>姓名</li>
<li>电话</li>
<li>手机</li>
<li>地址</li>
</ul>
<?php foreach($data as $value){ ?>
<ul class="clearfix">
<li>$value->id</li>
<li>$value->name</li>
<li>$value->tel</li>
<li>$value->phone</li>
<li>$value->address</li>
</ul>
<?php } ?>
</div>
##### 以上
没实作，凭想像打出来，细节还可以很多
css做法也很多，不用float也可以用display:table-cell table-row 等方式完成
就是写好两种css 再由js去控制你想要用那个css来显示
就能切换直横项排列
table太死了，不好操作
因为空打没实作，有少的项目再请乡民补充
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 210.61.247.1
1F：推 popo14777:谢谢11 03/01 21:08