作者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