回到顶部

简单的Css控制bootstrap内容页面的img宽度自适应

时间:4年前   作者:庞顺龙   浏览:1997   [站内原创,转载请注明出处]

标签: css   Bootstrap  

简单的Css控制bootstrap内容页面的img宽度自适应

原生的bootstrap好像并没有对img标签进行宽度自适应处理,默认会这样,图片显示不全

只需要写一个简单的css样式进行父子元素限定即可,我这里是这么处理,很简单的说:


/*blog详细页面的图片宽度处理*/
.blogContent img {
    max-width: 100%;
}
回到页面看效果,会发现文章页面的指定div内的img标签都有了这个css样式,会生效对于父级div的max-width,不会超过父级div,搞定!


内容均为作者独立观点,不代表八零IT人立场,如涉及侵权,请及时告知。

评论努力加载中...
暂无评论
暂无评论

手机扫码阅读

热门相关

加载中...
关于我们   联系我们   申请友链   赞助记录   站点地图
© 2014 - 2017 www.80iter.com All Rights Reserved. 京ICP备14042174号-1
本站遵循 CC BY 4.0 协议,转载请注明出处 。