html5 - 这样的列表排版如何写比较好!
天蓬老师
天蓬老师 2017-04-17 12:57:56
0
2
738

手机页面!

图标互相对齐,文字居中对齐并与其它行文字对齐,红色圈金额(¥0.00)另起一行对齐!

希望贴出html和css代码

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(2)
伊谢尔伦

如圖,只要保證圖中這兩條黑線對其不就好了麼~~~

1、圖示大小一致,居中
2、圖示與上border間距一致,居中
3、第二行文字大小一致,line-height一致,居中
4、第三行文字大小一致,line-height一致,居中

PHPzhong

<li>
    <p><img src="图片地址" /></p>
    <p>标题</p>
    <p>¥0.00</p>
</li>

//重复li,修改图片地址、标题名、金额,这些一般都是从后台返回一个字段给你。


css樣式:
li{

text-align:center;

}

其他的樣式你自己應該知道怎麼寫了吧

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!