看板 PHP 關於我們 聯絡資訊
※ 引述《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
popo14777:謝謝11 03/01 21:08