Bootstrap模态,其内部具有宽度

Question

我使用bootstrap模式来显示图像,我希望这个模态的宽度与里面的图像相同.

这是迄今为止我尝试过的Plunker.没有任何额外的css,宽度modal-dialog是常量并且等于600px,如果我们把width:auto它只是将模态的宽度扩展到最大值(这就是为什么我放了max-width:90%)

有没有想过这样做？

(对象标签很好我需要将其用于其他原因)

谢谢!

Answer 1

默认情况下,块元素将扩展为其父级的宽度,设置为显示:inline-block将默认宽度设置为具有布局的子元素

.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}