JQuery Mobile清單劃分兩層文字欄位-Day 26 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

DAY 26

2

學習手機網站開發系列第 23 篇

JQuery Mobile清單劃分兩層文字欄位-Day 26

網頁設計

2013-10-14 18:16:04

2570 瀏覽

分享至

將LIST清單，分為兩個欄位顯示兩個文字訊息。
常用的LIST清單設計通常只有一個欄位+一個圖示來顯示資訊，下面作法可以分為兩個文字欄位來補充其他資訊。
作法：在任何html元素，使用類別ui-li-aside。
顯示結果：

●如果要描述標題使用長串文字時，可以以<h1~6>代表標題、<p>代表描述內容，來做區分顯示。
顯示結果：

以上小小分享，有任何問題還請多多指教。

JQuery Mobile頁尾狀態續存-Day 25

JQM內嵌(inline)清單&圖示清單-Day 27

系列文

學習手機網站開發共 27 篇

目錄

RSS系列文訂閱系列文

1 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙