在Laravel刀片文件中使用css样式标记

Question

我想在我的blade.php文件中使用css，但我遇到了麻烦。我想避免使用外部CSS表。在普通的html文件中，我可以做这样的事情

<img src="/Users/rays/Desktop/Icons/Joe_Icon.png" style="width:160px;height:100px">

它会为我生成一个已调整大小的图像。我正在尝试在刀片文件中执行相同的操作但遇到了麻烦。

以下代码显示的是图片，但没有将其设置为正确的尺寸，我也看到了样式=＆＃34;宽度：160px;高度：100px＆＃34;在屏幕上。

<a href="#">{{ HTML::image("progress2/Icons/Joe_Icon.png")}} style="width:160px;height:100px"  </a>

这也会显示图像，但不会显示尺寸正确的图像。

  <style="width:160px;height:100px">
  <a href="#">{{ HTML::image("progress2/Icons/Joe_Icon.png")}} </a>
  </style>

以下是我的语法错误

<a href="#">{{ HTML::image("progress2/Icons/Joe_Icon.png" style="width:160px;height:100px" )}} </a>

Answer 1

试试这个：

{!! HTML::image('progress2/Icons/Joe_Icon.png', 'alt', array( 'width' => 160, 'height' => 100 )) !!}

此外，硬编码CSS是一种不好的做法。您应该使用CSS样式表并构建如下图像：

{!! HTML::image('progress2/Icons/Joe_Icon.png', 'alt', array('class' => 'progress_image')) !!}