html盒子里的内容溢出,[经验] HTML页面中子盒子溢出了怎么办

背景: 在查询数据记录的一个页面上使用bootstar 框架的分页插件作为显示数据表格的工具.

问题: 当查询的范围在一个较短的时间内时, 子元素是乖乖的呆在父元素内部的, 但是一但将查询的时间范围扩大, 装着数据表格的DIV 盒子就会溢出父元素盒子

这就很尴尬了

思路一: 对元素的控制还不够精确

但是经过排查, 盒子的控制范围是正确的, 不存在错误, 而且该元素的父级盒子并不是动态拼接生成的, 所以这个猜想是错误的.

思路二: 分页插件控制出错

但是在修改时间范围后, 数据表格虽然超出了父盒子的范围, 但是对于操出每页规定的页数的数据还是会自动分页的, 对页面的切换是正常的, 所以这个猜想是错误的.

思路三: 忽然就想到一点, 会不会是子元素增长了, 而父元素没有跟上脚步呢?

这个问题就很好解决了, 在控制子元素的上一层DIV处添加一条css样式属性就行了

overflow: -webkit-paged-x;

但是这会有一个遗留问题

这就很尴尬了,,,这个坑先放着,等哪天有想法了再来处理吧.反正这个报错对页面的正常显示是没有问题的

嘤嘤嘤

html盒子里的内容溢出,[经验] HTML页面中子盒子溢出了怎么办相关推荐

循环嵌套思路详解 | 一个“在盒子里过家家”的算法－－以冒泡排序与打印菱形为例
目录前言一.引例 -- 菱形打印 1. 题干要求 2. 如何阅读循环结构? 二."在盒子里过家家"的理解思路 1. 什么叫"在盒子里过家家"? 一个小例子 ...
CSS学习笔记（内边距~文字在盒子里的垂直居中）
内边距 1.内边距就是内容和边框之间的距离. 2.格式 2.1.非连写 .san1{width: 100px;height:100px;border: 1px solid black;padding- ...
不要困在自己建造的盒子里——写给.NET程序员（附精彩评论）
此文章的主旨是希望过于专注.NET程序员在做好工作.写好.NET程序的同时,能分拨出一点时间接触一下.NET之外的东西(例如10%-20%的时间),而不是鼓动大家什么都去学最后什么都学不精,更不是说. ...
写给.NET程序员：不要困在自己建造的盒子里
此文章的主旨是希望过于专注.NET程序员在做好工作.写好.NET程序的同时,能分拨出一点时间接触一下.NET之外的东西(例如10%-20%的时间),而不是鼓动大家什么都去学最后什么都学不精,更不是说. ...
【转】写给.NET程序员，不要困在自己建造的盒子里
此文章的主旨是希望过于专注.NET程序员在做好工作.写好.NET程序的同时,能分拨出一点时间接触一下.NET之外的东西(例如10%-20%的时间),而不是鼓动大家什么都去学最后什么都学不精,更不是说. ...
不要困在自己建造的盒子里――写给.net程序员
不要困在自己建造的盒子里――写给.net程序员 2011年02月26日此文章的主旨是希望过于专注.NET程序员在做好工作.写好.NET程序的同时,能分拨出一点时间接触一下.NET之外的东西(例如10 ...
jq 控制td只显示一行_CSS让表格里的内容强制显示一行，超出长度显示省略号
在写html页面的时候,会经常用到表格,而且很多时候一个tr里边需要包含好几个td,这样就会导致tr的高度不一致,被撑开了这时候,如果能让td里的内容强制显示在一行,并让超出边界范围的内容显示点点, ...
css一个盒子里可以装3个图片并排吗_John: CSS浮动与清除浮动属性详解（CSS float clear）...
CSS里的浮动,可以让元素脱离标准流,从左上角或右上角依次贴边排列. 下面这个案例将会帮我们了解浮动的基本情况.下面这段代码块,外面是一个大div,里面包含着3个div,第一个左浮动,后两个无浮动. ...
计算机怎么查找表格里内容,请教如何迅速查找复杂EXCEL表格里的内容？ -电脑资料...
个人手头上有个复杂的EXCEL报名表格,写有项报名资格的条件, 例如:职位名称用人单位职位代码职位简介招考人数专业 ..... 我想从中筛选出哪些符合我的条件的项目来,该如何做呢? 记得EX ...

html盒子里的内容溢出,[经验] HTML页面中子盒子溢出了怎么办

html盒子里的内容溢出,[经验] HTML页面中子盒子溢出了怎么办相关推荐

最新文章

热门文章