HTML – 如何div宽度自动调整图像/内容?

前端之家收集整理的这篇文章主要介绍了HTML – 如何div宽度自动调整图像/内容?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

演示小提琴:http://jsfiddle.net/UI_Designer/2gqy9s9k/1/

容器有4个块.每个div包含宽度:25%..所以履行容器…

如果我删除任何一个div容器有空的空间..但我想再次履行容器..
它有可能吗?

.container{
    width:100%;
    border:1px solid #333
}
.badge-block{
    float:left;
    width: 25%;
 }
.badge-block img{ 
    width:80%;
}
最佳答案
你可以使用display:table; &安培;显示:表格单元格.我很确定这就是你的意思.

表格单元格占据了左侧空间.所以,就像这样使用它,取出其中一个图像,你会看到它是如何工作的.

Demo Here Too

.container {
  width: 100%;
  border: 1px solid #333;
  display: table;
}
.badge-block {
  display: table-cell;
}
.badge-block img {
  width: 80%;
}
原文链接:https://www.f2er.com/html/426552.html

猜你在找的HTML相关文章