html - 图片的中心边框和位置

标签 html css

我的笔记本电脑边框和图片有问题。我想灰色和白色边框到位。如果我降低分辨率 - 边框不会停留在原位。图片有同样的问题。

这是我的第一个元素。请给我一些关于我的代码的建议。

https://szymal.github.io/hello-minimal/index.html

最佳答案

我会研究 Bootstrap 。更具体地说

.img-responsive -> 使图像响应(将很好地缩放到父元素)

您可以在此处找到更多详细信息:http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

一旦您了解了这一点,您也可以开始使用 bootstrap 查看行和列。在我看来,这让一切变得更容易。

至于边界问题:

border-top: 1px solid white;

border-bottom: 1px solid gray;

希望对您有所帮助!

关于html - 图片的中心边框和位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41041158/

相关文章:

html - 导航到另一个页面上的 anchor

javascript - 在 IOS 设备上暂停 (html5) youtube 视频

Javascript 侧滚动条

html - fontawesome/IE8 : encoding troubles

javascript - 如何销毁 jquery 幻灯片并使用默认样式加载元素?

html - 有空间时平行的两列,没有空间时彼此居中

javascript - 从隐藏的所有内容开始

html - 使 div 填充父高度(jsfiddle)

html - Chrome 与 Firefox 的最大高度图像

css - HTML5 占位符文本在 Safari 中添加宽度导致滚动条和闪烁