我有一个服务器端组件，它使用没有固定宽度的DIV生成一个流畅的布局“工具栏”，在其中生成许多A。然后我需要自定义该布局以使所有A标签自动适应父级宽度。但是child的数量是可变的，parent的宽度是未知的(它会自动适应窗口)。我用这个fiddle做了一些测试:http://jsfiddle.net/ErickPetru/6nSEj/1/但我找不到使它动态化的方法(取消注释最后一个A标记以查看它是如何工作的，大声笑)。我无法更改服务器端源以生成具有固定宽度的HTML。如果有任何方法，我真的很想只用CSS来解决它，即使使用JavaScript我也可以达到那个结果。我怎样才能让所有的chi

我的想法是给一个自适应的div宽度。当我只有一个元素时，宽度应该与容器div中的元素相同。关于如何做到这一点有什么建议吗？#container{display:flex;flex-direction:row;flex-wrap:wrap;max-width:200px;padding:10px;margin:20px;background-color:blue;}#container.item{width:80px;height:50px;background-color:red;margin:10px;} 最佳答案 你可以使用di

我研究了一段时间，还没有找到CSS解决方案，em和ex单位在这种情况下是不正确的。我想要的只是一个完全适合80x25等宽文本的div框。我必须求助于Javascript解决方案吗？ 最佳答案 尝试使用描述的ch单元intheCSS3specification:Equaltotheusedadvancemeasureofthe"0"(ZERO,U+0030)glyphfoundinthefontusedtorenderit.因此width:80ch指定了80个字符的宽度限制。 关于java

http://jsfiddle.net/zEcn3/12/我正在尝试获取一个divcontent来调整大小以适应一行中的div的数量。因此，当窗口大于所有itemdiv的组合时，该示例工作正常，因此它们全部排成一排，但是当窗口调整得更小时，其中一个item重排到下一行，contentdiv的宽度为100%而不是收缩包装。我想要这个的原因是我可以让内容居中，内容上方有一个菜单栏，该菜单栏会缩小到合并后的重排内容的大小。HTML:Hello.Hello.Hello.Hello.Hello.CSS:.item{float:left;width:70px;border:1pxsolidblac

在我的页面上，我有很多元素，我需要在直列中连续显示多个元素。每个元素都是一个大小相等的图像。当你点击它时，在它的位置会出现三个一排的图标菜单。所有元素都应水平和垂直居中。可能有不同数量的大图像(6、7、8或更多)，所以我想将它们添加到一个行类中。现在，我想我正在通过Bootstrap文档来做所有事情，但是页面steel上的元素逻辑似乎被破坏了。我做错了什么？Codepenexample我得到的截图:我需要的截图:请指出正确的方向。先感谢您。我可以在没有bootstrap的情况下完成它，b我希望它只能通过正确使用bootstrap和元素来完成，因为我想保存自适应布局。UPD@Legend

我有一个1300像素宽的图像，使用bootstrap我希望这个图像填满我设置为1300像素的容器的整个宽度。我创建一行，给它一个完整的12列，然后在图像中添加一类图像响应。通过此设置，我得到以下输出。我希望我的图像一直延伸到我的图像在我的内容中的位置，这是我的代码。/assets/img/homeBanner.jpg"alt="placeholder960"class="img-responsive"/>图片宽度设置为100%，所以不确定为什么它没有填满容器。 最佳答案 在bootstrap4.1中，对于小于要拉伸(stretch)

我在中有以下div.我想在这个div中放置一个640X480的svg。我试过这个:varpaper=Snap("#svg1");Snap.load("somesvg.svg",function(f){paper.append(f);});paper.attr({width:320,height:480})但是svg被从正确的尺寸chop了。 最佳答案 我想知道是否为此调整viewBox，所以像...jsfiddlehttp://jsfiddle.net/9zRR8/5/ 关于javasc

我有一个带有以下CSS的div#mydiv{top:50px;left:50px;width:200px;height:200px;}我的HTML看起来像这样无论实际图像的分辨率如何，我都希望我的网络图像始终具有相同的大小(纵横比为1:1)。如果我的实际图像文件是正方形的(比例为1:1)，那么这不是问题。但是，如果实际图像文件不是正方形，则显示的网络图像会拉伸(stretch)到div高度和宽度的100%(在本例中为200像素)。如何获得适合我的DIV的不同图像尺寸？ 最佳答案 你在混合符号。应该是:(注意，没有px)。或者:(使用

我正在寻找一种方法来扩展包含我的主页内容的div以适应添加页眉和页脚后留下的空间。HTML的布局如下:通过将#wrapper的最小高度设置为100%，页脚始终超过页面底部。问题是#content不会扩展以填充#wrapper内的空白空间，因此很难获得我想要的外观。我怎样才能做到这一点？ 最佳答案 编辑:为什么不使用顶部和底部。这是一个完整的例子。您可以调整顶部和底部值，以优化页眉/页脚位置。BODY{margin:0;padding:0;}#wrapper{position:relative;height:100%;width:10

我在容器div中有两个DIV，我需要将它们都设置为适合浏览器窗口，如下所示，但它不适合我的代码，请给我一个解决方案建议我的样式表代码html,body{width:100%;height:100%;margin:0;padding:0;}.container{height:auto;width:100%;}.div1{float:left;height:100%;width:25%;}.div2{float:left;height:100%;width:75%;}正文 最佳答案 你也可以使用viewportpercentages如果