BootStrap 栅格内容文字过长如何使各行长度对齐 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

BootStrap 栅格内容文字过长如何使各行长度对齐

杨冬芳 2016-06-22 16:26:23 1784

我通过设置不同的 col-md- col-sm- 希望实现不同页面宽度下一行显示不同数量的Item。
但是因为文件名长度的问题在某些宽度下的Item宽度参差不齐,请问应该做到各个ITEM宽度一致的效果?谢谢

这个部分代码节选:

<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
    <div class="row file-list-row">

        ...

        <div class="col-md-4 col-sm-6 dashboard-item">
            <div class="media btn btn-default">
                <a href="/file.html">
                    <div class="media-left">
                        <img class="media-object" src="/images/ic_file_word.png" height="42" width="42">
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">国家励志奖学金申请表.docx</h4> By 教务处 <small>2016/01/01</small>
                    </div>
                </a>
            </div>
        </div>

        <div class="col-md-4  col-sm-6 dashboard-item">
            <div class="media btn btn-default">
                <div class="media-left">
                    <img class="media-object" src="/images/ic_file_word.png" height="42" width="42">
                </div>
                <div class="media-body">
                    <h4 class="media-heading">教师使用申请表.docx</h4> By 教务处 <small>2016/01/01</small>
                </div>
            </div>
        </div>
        
        ...

    </div>
</div>

1
2
screenshot

前端开发
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:45:45

    设置一个max-width不是就行了,不知道楼主是不是还有什么别的需求不能用这个属性?

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程