html - 删除图像边框

Question

我要疯了吗。我正在尝试删除图像边框，但似乎无法用它来移动它

HTML：

<img src="../_test.jpg" width="200" height="200" alt="Test">

CSS：

img {
    border: 0px;
    outline: none;
}

活生生的例子

Answer 1

有处理损坏图像的 javascript 解决方案。

您也可以将它包装在一个 div 中并做一些技巧（这需要在您的文本显示之前有一个空格alt，因为“边框”在 img 的填充区域内）。但是，对于仅处理损坏的图像（而不是修复图像路径）来说，这可能有点过分。

HTML

<div class="brokenImgBorderKill">
  <img src="../_test.jpg" width="200" height="200" alt=" Test">
</div> 

CSS

img {
    border: 0px;
    outline: none;
}

.brokenImgBorderKill {
    display: inline-block;
    width: 198px;
    height: 198px;
    overflow: hidden;
}

.brokenImgBorderKill img {
    margin: -1px 0 0 -1px;
}