我有一個listview
元素,其中有縮略圖。縮略圖以特殊方式排列,文字似乎可以獲得額外的頂部和底部間距。任何想法如何讓文字與圖像垂直對齊?jQuery的移動縮略圖和文本對齊在列表視圖
1
A
回答
2
什麼我已經爲獲得圖像與文本的頂部完全一致是:
<div style="padding:10px 10px 10px 0;text-align:center; float:left;">
<img src="image.jpg" style="max-width:80px;max-height:80px;"/>
</div>
0
您可以使用CSS創建段落標記列表項的內部規則設置p
元素的line-height
特定值:
.ui-page .ui-content .ui-listview p {
line-height : 65px;
vertical-align : middle;
}
這裏是一個演示:http://jsfiddle.net/7fdSJ/2/
如果你想允許多行文字,那麼你可以添加:
white-space : normal;
但是,這有副作用每行將佔用65px
或您爲line-height
屬性硬編碼的任何值。
這裏是一個演示:http://jsfiddle.net/7fdSJ/3/
0
.ui-page .ui-content .ui-listview p {
padding-top:10px;
}
它一劈,但它作品。自定義適合您自己的情況的值10px。
相關問題
- 1. 水平對齊jQuery移動列表視圖中的縮略圖
- 2. 顯示縮略圖和文本對齊
- 3. jQuery移動中間垂直對齊在列表視圖中
- 4. 移動縮略圖和prev jquery
- 5. Android列表視圖文本對齊
- 6. 如何在列表視圖爲空時對齊文本視圖?
- 7. 在桌面視圖和移動視圖對齊中心右側的CSS對齊
- 8. wordpress縮略圖對齊
- 9. jQuery Mobile在列表視圖中的響應式縮略圖
- 10. jquery移動網格視圖和列表視圖在同一頁
- 11. jQuery Mobile的列表視圖縮略圖排列
- 12. 控件顯示列表視圖和縮略圖/平鋪視圖
- 13. 將縮略圖對齊文字(2行)
- 14. 滾動縮略圖列表
- 15. Jquery文本疊加在列表中的縮略圖onholdover
- 16. android:縮略圖列表視圖
- 17. 添加到縮略圖列表視圖
- 18. 縮略圖滾動文本
- 19. 對齊文本圖像的右側列表視圖JQM
- 20. 對齊圖像縮略圖一個div
- 21. 在列表視圖中對齊android文本和圖像是一樣的
- 22. 列表視圖對齊
- 23. jquery mobile列表視圖中的Autodividers縮略圖
- 24. 列表視圖中的JQuery移動/輸入文本
- 25. 縮略圖不在一行中對齊
- 26. 在列表視圖中右對齊列
- 27. jQuery自動縮略圖滾動腳本?
- 28. 「刪除」圖標和中心對齊文本在列表視圖中通過css
- 29. 對齊在textview下的列表視圖
- 30. 動態列表視圖中的縮略圖不顯示
你可以發表一些演示代碼嗎? – 2012-01-30 21:43:04
或者可能是一些代碼的鏈接? http://jsfiddle.net – 2012-01-30 21:56:22