Html 通过对图像应用长度和高度来消除图像的形状

我试图在3个分区内呈现3幅图像。我在服务器端工作，所以我使用HTML字符串。我正在使用ajax从服务器到网页进行通信。然后我在网页中使用append to a div来显示图像

在我应用图像必须具有的大小之前，一切都正常

我的一个图像代码：

 $html_2 = "<div class=\"box--test-item\"";
    $html_2 = $html_2."<img class=\"main-img\" src=\"data/photos/datateste_".$idtest."/photo.jpg\" alt=\"test\" style= \"{height: 280px; width: 180px;}\">";
    //Html string with information about the image.
    $html_2 =  $html_2."</div>";

$html_2=“这里是php代码

 <?php
      $html_2 = '<div class="box--test-item">';
      $html_2 .= '<img class="main-img" src="data/photos/datateste_"'.$idtest.'"/photo.jpg" alt="test" style="height: 280px; width: 180px;">';
      //Html string with information about the image.
       $html_2 .= '</div>';
  ?>


这里是php代码

 <?php
      $html_2 = '<div class="box--test-item">';
      $html_2 .= '<img class="main-img" src="data/photos/datateste_"'.$idtest.'"/photo.jpg" alt="test" style="height: 280px; width: 180px;">';
      //Html string with information about the image.
       $html_2 .= '</div>';
  ?>

由于您使用的是HTML字符串，因此内联
样式
属性不需要大括号
{}

相反，只需
style=“height:280px；宽度：180px；“
应该可以

代码的其余部分没有变化。
因为您使用的是HTML字符串，所以内联
style
属性不需要有大括号
{}

相反，只需
style=“height:280px；宽度：180px；“
应该可以

代码的其余部分没有变化。
你能用截图显示视觉缺陷吗？在内联样式中没有花括号。或者使用图像的宽度和高度属性，而不是作为样式。按照@RamRaider的建议删除花括号。不要使用花括号
style=“height:280px；宽度：280px；“
应该是good@RamRaider我试过这样做，但图像没有格式化。你能用截图显示视觉缺陷吗？在内联样式中没有花括号。或者使用图像的宽度和高度属性，而不是像@RamRaider建议的那样删除花括号。不要给花括号
style=“height:280px；宽度：280px；“
应该是good@RamRaider我试过那样做，但是图像没有格式化。