我已经尝试了互联网上的所有方法，这是我最后一次尝试确定这是否可行。我正在处理的是一个长而动态的html，我必须将它转换为多页pdf。我尝试了addhtml和addImage方法，但没有得到想要的结果。addhtml:当我使用pagesplit选项时，它会拉伸(stretch)所有页面。我也尝试在选项中提供宽度和高度，但它停止显示。addimage:这仅在1页上显示图像，也没有将图像拆分为2页的选项。我想补充的另一件事是我的html也可以具有动态宽度和高度。注意:我使用的是jspdf和html2canvas库 最佳答案 检查这个问题:

以这个简单的例子为例并打开它:Demo页面的制作使得主体有一个顶部居中的背景图片和一个溢出窗口边界的包含元素，所以有水平滚动(如果你的显示器宽度超过8000px那么你真的很酷，请制作窗口变小并刷新)。问题是由于某种原因不会拉伸(stretch)以包含.它只是保持与视口(viewport)和相同的宽度。溢出它。这反过来会导致背景在错误的位置居中并将其裁剪为视口(viewport)的大小。向右滚动时非常难看。我已经找到了这个问题的解决方案，但我想知道为什么会这样？它似乎也跨浏览器一致。但在我看来，这是非常违反直觉的，而且基本上是错误。容器元素应该足够大以包含它的子元素-当然除非它们是绝对定

您好，我已经在一个网站上工作了很长一段时间，改进代码等。我刚刚注意到，在较小的屏幕上，白色背景的高度不会超过所有内容。设置min-height:100%;和height:100%;似乎没有解决这个问题，你认为这可能是因为很多内容是float的？如有任何建议，我们将不胜感激。 最佳答案 在您的div.container上，移除height:100%并添加overflow:auto。 关于html-全高div不拉伸(stretch)，我们在StackOverflow上找到一个类似的问题：

我又想不通为什么黄色div的高度没有拉伸(stretch)到父容器height的100%。是的，父容器的height设置为auto但蓝色div的height也是100%并且里面有内容，所以我假设父级div也会增加高度来适应这个(你可以看到黄色div下面的粉红色，它是父级的一部分).高度在那里，为什么黄色的div没有向下延伸到父div的height的100%？我试过将父div显示为table并将子div显示为表格单元格。将所有父元素设置为其他帖子建议的100%高度也不起作用。前几天我遇到了这个问题，通过显示为表格和表格单元格解决了这个问题:Innerdiv'sheightnotstret

所以我有2个并排的div。每个div都有不同的背景颜色。第一个div内容很少。第二个div有很多内容。在某些屏幕分辨率下，第二个div会溢出。我需要第一个内容拉伸(stretch)到它的邻居的高度。我认为flexboxalign-items:stretch实现了这一点，但它似乎不起作用。这里有一个工作模型:http://codepen.io/mildrenben/pen/MwxeJvHTML:Firstdivcontent//ATonofcontentCSS:html,body{width:100%;min-height:100%;}.wrap{height:100%;display:

我试图创建一个响应式导航，但我无法让菜单项相对于容器拉伸(stretch)自身。让所有元素自动适应容器的整个宽度的最有效的现代方法是什么？nav{border:solid1px#000;width:700px;}ul{width:100%;list-style-type:none;width:100%;}ulli{padding:25px;display:inline-block;background:#000;color:#fff;}abcdef 最佳答案 我会按如下方式使用CSS表格。对于ul，使用display:table并将

我很难做到这一点。我希望divcontent1和content2以设置的最小高度垂直填充窗口中的剩余空间。body,td,th{font-family:Arial,Helvetica,sans-serif;height:100%;}body{background-color:#E1E1E1;}.container{width:965px;height:100%;margin:0auto;overflow:hidden;}.sidebar1{float:left;width:200px;background:none;padding-bottom:10px;}.content{paddi

我有以下HTMLTable-cellissuehtml,body{height:100%;}.table{display:table;height:100%;}.row{display:table-row;}.aside{display:table-cell;}.center{background-color:red;display:table-cell;width:100%;}.wide{background-color:green;width:16000px;}Leftcolumn Rightcolumn问题在于div.center会拉伸(stretch)以适应其内容，而

我正在寻找一个2列的非table布局，其行为类似于table。并在IE7中工作http://jsfiddle.net/YGb2y/这可行，但它是一个表格，众所周知，表格不是布局的理想选择。如果必须的话，我会使用它，但我想找到一种语义上更合适的方式来做到这一点请注意左列如何拉伸(stretch)以适应包含的内容，而右列如何占据剩余的可用空间12345...123456...1234567...12345678...123456789...1234567890...table{width:100%;}.left{width:1px;background-color:blue;color:w

我有一个像这样的表:...我需要让.stretch适应td的高度。目前div的高度为0。我错过了什么？ 最佳答案 td必须有一个固定大小然后设置div的高度:100%；或者继承同样的东西然后你就可以走了 关于html-如何使td内的div拉伸(stretch)？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/4094508/