html - 如何使图像适合整个容器宽度?

标签 html css twitter-bootstrap

我试图让我的图像适合整个容器的宽度。

enter image description here

我试过了:

  • 给我 width="100%" 的图像
  • 将我的图像放在宽度为 100%
  • 的 div 中

这些都不起作用。

<div class="container" style="background-color:gray;">
    <div width="100%">
        <img width="100%" src="http://s6.postimg.org/7ic0egypt/report_nav.png">
    </div>
</div

JSFiddle

最佳答案

将容器填充设置为 0。我重写了你的 fiddle使用 CSS

关于html - 如何使图像适合整个容器宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31144355/

相关文章:

html - 在 Notepad++ 中使用 HTMLTidy 按空格缩进

html - Bootstrap 下拉菜单在移动设备上不完全可见

javascript - 损坏的函数.php;如何将脚本从 bootstrap 移动到 WordPress?

html - 如何显示文本,虚线然后跨越页面宽度的更多文本?

javascript - 使用 flask 发送文件并返回数据而不刷新 html 页面

jquery - 获取表格单元格内的文本高度

javascript - 如何使用不同的按钮创建导航列表,以便当我单击按钮时,内容/文本将根据我单击的按钮进行更改?

javascript - 为什么这会一直读取 null 而不是将我的 div 设置为不同的 id

jquery - Bootstrap 样式不适用于动态复选框

twitter-bootstrap - 在Bootstrap中定义 `required`字段