我使用bootstrap模式来显示图像,我希望这个模态的宽度与里面的图像相同。
以下是我迄今为止尝试过的Plunker。没有任何额外的css,modal-dialog
的宽度是常数并且等于600px,如果我们放width:auto
它只是将模态的宽度扩展到最大值(这就是为什么我放{ {1}})
有任何想法吗?
(对象标签很好我需要将其用于其他原因)
谢谢!
答案 0 :(得分:9)
默认情况下,块元素将扩展为其父级的宽度,设置为显示:inline-block将默认宽度设置为具有布局的子元素
.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}