如何将Bootstrap列限制为特定列的高度?

秘密

使bootstrap的列具有相同的高度已在此处回答:

如何使Bootstrap列都具有相同的高度?

但是我有一些不同的要求。

具体来说,我需要将列的高度限制为特定列的高度。

例如,如果我们(100px, 50px)分别有2列,则我希望第一列的高度50px也要使用(overflow:hidden)in。(请注意,高度是动态的,但我总是想使用第一列的高度)

纯CSS是否可行?还是我必须使用JavaScript来完成此任务?

齐姆

当然,为什么不使用这样的特殊CSS类来限制高度。

.row.limit [class*="col-"]{
  max-height:50px;
  overflow:hidden;
}

http://bootply.com/3LIJcG0SBe

如果您不需要将类应用于所有Bootstrap列(col- *),则最好应用特定的CSS选择器。然后添加limit到适当的列...

.limit {
  max-height:50px;
  overflow:hidden;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将Bootstrap列限制为特定列的高度?

来自分类Dev

如何将特定内容限制为仅一列而不是跨多个列?

来自分类Dev

如何将列最大高度限制为屏幕高度?即让孩子“match_parent”大小

来自分类Dev

如何将链接限制为仅 div 而不是 Bootstrap 列?

来自分类Dev

如何将CSS限制为具有拖放功能的数据表中的特定列

来自分类Dev

将口才模型限制为特定的列

来自分类Dev

如何将Vtune Analysis限制为特定功能

来自分类Dev

如何将应用限制为特定设备?

来自分类Dev

如何将访问页面限制为特定用户?

来自分类Dev

如何将应用程序限制为特定设备?

来自分类Dev

如何将DiskCache插件限制为特定的存储大小?

来自分类Dev

如何将grep限制为仅在列标记的下方进行搜索?

来自分类Dev

如何将Excel列限制为有限的单词数

来自分类Dev

如何将访问权限限制为仅访问Access中的某些列

来自分类Dev

如何将方法限制为仅接受具有特定限制的参数?

来自分类Dev

如何根据内容将元素高度限制为特定值(“阶梯式”)

来自分类Dev

如何将WPF / XAML GridRow的高度设置为“自动”,但仍将其限制为Grid的最大可用高度?

来自分类Dev

将动态添加的列限制为表

来自分类Dev

将动态添加的列限制为表

来自分类Dev

如何将Bootstrap Datepicker日期视图限制为仅Year

来自分类Dev

Azure ARM VNET:如何将RDP访问限制为一组特定的IP

来自分类Dev

如何将通用数据结构限制为仅允许特定接口的元素?

来自分类Dev

xsd:SimpleType:如何将属性限制为具有串联的特定值的列表

来自分类Dev

如何将嵌套文档的日期直方图聚合限制为特定日期范围?

来自分类Dev

如何将访问“对等链码升级”限制为特定组织

来自分类Dev

如何将结果限制为具有特定值的数组的字段?

来自分类Dev

如何将触发器限制为特定的工作表/标签?

来自分类Dev

Discord.py:如何将某个命令限制为具有特定权限的角色或人员?

来自分类Dev

如何将实体引用选择限制为引用上的特定字段值

Related 相关文章

  1. 1

    如何将Bootstrap列限制为特定列的高度?

  2. 2

    如何将特定内容限制为仅一列而不是跨多个列?

  3. 3

    如何将列最大高度限制为屏幕高度?即让孩子“match_parent”大小

  4. 4

    如何将链接限制为仅 div 而不是 Bootstrap 列?

  5. 5

    如何将CSS限制为具有拖放功能的数据表中的特定列

  6. 6

    将口才模型限制为特定的列

  7. 7

    如何将Vtune Analysis限制为特定功能

  8. 8

    如何将应用限制为特定设备?

  9. 9

    如何将访问页面限制为特定用户?

  10. 10

    如何将应用程序限制为特定设备?

  11. 11

    如何将DiskCache插件限制为特定的存储大小?

  12. 12

    如何将grep限制为仅在列标记的下方进行搜索?

  13. 13

    如何将Excel列限制为有限的单词数

  14. 14

    如何将访问权限限制为仅访问Access中的某些列

  15. 15

    如何将方法限制为仅接受具有特定限制的参数?

  16. 16

    如何根据内容将元素高度限制为特定值(“阶梯式”)

  17. 17

    如何将WPF / XAML GridRow的高度设置为“自动”,但仍将其限制为Grid的最大可用高度?

  18. 18

    将动态添加的列限制为表

  19. 19

    将动态添加的列限制为表

  20. 20

    如何将Bootstrap Datepicker日期视图限制为仅Year

  21. 21

    Azure ARM VNET:如何将RDP访问限制为一组特定的IP

  22. 22

    如何将通用数据结构限制为仅允许特定接口的元素?

  23. 23

    xsd:SimpleType:如何将属性限制为具有串联的特定值的列表

  24. 24

    如何将嵌套文档的日期直方图聚合限制为特定日期范围?

  25. 25

    如何将访问“对等链码升级”限制为特定组织

  26. 26

    如何将结果限制为具有特定值的数组的字段?

  27. 27

    如何将触发器限制为特定的工作表/标签?

  28. 28

    Discord.py:如何将某个命令限制为具有特定权限的角色或人员?

  29. 29

    如何将实体引用选择限制为引用上的特定字段值

热门标签

归档