Bootstrap 内部有图像宽度的模态
Bootstrap modal which has the width of it's image inside
我正在使用 bootstrap 模式来显示图像,我希望此模式的宽度与内部图像的宽度相同。
这是我目前尝试过的 Plunker。没有任何额外的 css,modal-dialog
的宽度是恒定的,等于 600px,如果我们放置 width:auto
,它只会将模式的宽度扩展到最大值(这就是为什么我把 max-width:90%
)
有什么想法吗?
(object 标签很好,我需要用它来解决其他问题)
谢谢!
默认情况下,块元素将扩展到其父元素的宽度,设置为 display:inline-block 将默认宽度为具有布局的子元素
.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}
我正在使用 bootstrap 模式来显示图像,我希望此模式的宽度与内部图像的宽度相同。
这是我目前尝试过的 Plunker。没有任何额外的 css,modal-dialog
的宽度是恒定的,等于 600px,如果我们放置 width:auto
,它只会将模式的宽度扩展到最大值(这就是为什么我把 max-width:90%
)
有什么想法吗?
(object 标签很好,我需要用它来解决其他问题)
谢谢!
默认情况下,块元素将扩展到其父元素的宽度,设置为 display:inline-block 将默认宽度为具有布局的子元素
.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}