简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - 这样的列表排版如何写比较好！
天蓬老师
天蓬老师 2017-04-17 12:57:56
0
2
704

手机页面！

图标互相对齐，文字居中对齐并与其它行文字对齐，红色圈金额（￥0.00）另起一行对齐！

希望贴出html和css代码

天蓬老师
天蓬老师

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

répondre à tous (2)
伊谢尔伦
伊谢尔伦2017-04-17 12:59:56 2 plancher

如图，只要保证图中这两条黑线对其不就好了么~~~

1、图标大小一致，居中
2、图标与上border间距一致，居中
3、第二行文字大小一致，line-height一致，居中
4、第三行文字大小一致，line-height一致，居中

Comme+0
Ajouter une réponse
    PHPzhong
    PHPzhong2017-04-17 12:59:56 1 plancher 

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


    css样式：
    li{

    text-align:center;

    }

    其他的样式你自己应该知道怎么写了吧

    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！