应用错误收集

这是我的代码：

<!DOCTYPE html>
<html>
<head>
<style>

  div.img1 {
    display:block;
    float: left;
    margin:0px;
    padding: 0px;
    border-color: #384b5d;
    border-style: solid;
    text-align: center;
  }

</style>
</head>
<body>
<div class="img1">
  <img src="http://www.hotelseaviewdiu.co.in/wp-content/uploads/2014/10/Business-Meeting.jpg" width=50% height=50%>
</div>
</body>

正在出现的问题是，我的图像周围的边框较宽，每边可能是50像素，而边框的高度在图像上很好。我是CSS的新手，并不确定为什么会这样。

这也都在谷歌网站的HTML框中。

我调整了宽度和高度以创建具有调整比率的较小图像。当我消除这些比率％时，边框完全适合高度和宽度，所以我认为问题是在我的图像调整范围内

<img src>

标签

感谢任何帮助。我真的很感激。

此致

CSS：图像边框比图像宽，但高度正确

0 个答案: