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

Posted

技术标签:

【中文标题】在 Laravel 刀片文件中使用 css 样式标签【英文标题】:Using css style tag within Laravel blade file 【发布时间】:2016-06-08 17:50:53 【问题描述】:

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

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

它会为我生成一个调整大小的图像。我正在尝试在刀片文件中做同样的事情,但遇到了麻烦。

下面的代码显示了一个图像,但它的样式不是正确的尺寸,我还在屏幕上看到了 style="width:160px;height:100px" 字样。

<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>

【问题讨论】:

【参考方案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')) !!

【讨论】:

成功了,谢谢你我已经为此苦苦挣扎了一段时间

以上是关于在 Laravel 刀片文件中使用 css 样式标签的主要内容,如果未能解决你的问题,请参考以下文章

我的视图不包括刀片模板的 CSS - laravel 8

如何在刀片 Laravel 中使用带参数的 url

CSS文件未在laravel刀片视图中导入

如何在 laravel 5.4 中使用 style.css 文件?

在 laravel 刀片模板中动态更改每个用户的背景图像

CSS 未加载到 Laravel 的刀片 (5.3)