bootstrap 分页

image.png

<div class="row pagination-wrap">
<ul class="pagination">
<li><a href="#"><span class="fa fa-chevron-left"></span> Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next <span class="fa fa-chevron-right"></span></a></li>
</ul>
</div>

固定高度,超出的部分隐藏

.product-item {
height: 360px;
overflow: hidden;
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 4,979评论 0 1
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,883评论 0 1
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,994评论 0 1
  • Linux7个运行级别Linux系统有7个运行级别(runlevel): 运行级别0:系统停机状态,系统默认运行级...
    SkTj阅读 923评论 0 0
  • 决战平安京近日公开了有关式神清姬的新皮肤,新皮肤已经公开就获得了玩家的广泛好评,不论是式神的建模还是形象上都是一流...
    游戏多啦阅读 4,084评论 0 0