我无法让div水平对齐。
这是我的html文档:https://gist.github.com/Keenangp/9def2bd08eb6244bcf2d
我也没有足够的代表来发布样式表,但这确实是:
.container {
width: 80%;
margin: auto;
}
.column {
display:inline-block
}
.image {
display:inline-block
}
这是网页:keenansportfolio.bitballoon.com/about
我在这里尝试以前的解决方案时曾尝试过的一些事情:
当我在Chrome开发者工具中检查div时,发现已应用了内联块属性,并且控制台中没有错误。我试过删除容器规则,删除容器div,以便不嵌套其他div。我尝试使用较小的图像,将属性与float:left结合在一起,并以class> direct后代作为选择器应用inline-block。我还单独尝试了每个div,并应用了vertical-align:top属性,以防基线干扰它,并在不同的浏览器中打开它。
这是一个练习,没有告诉我编辑任何其他值或添加任何其他属性。我有点难过。
最佳答案
如果我正确的话,您想连续三列对齐。
您必须设置每列的宽度,并且总和不应超过容器的宽度。设置所有三列的宽度(例如32%),并且即使它们的宽度之和超过容器的宽度也要对齐它们,请将此属性添加到容器中;空白:nowrap。