css - symfony 1 图像风格的正确方法

Question

使用 symfony 框架调整图像标签样式的最合适方法是什么。这是我的例子：

<?php echo link_to(image_tag('/design/fb.png'), 'https://www.facebook.com') ?> 

如何设置 fb.png 图像的样式，例如我想使用margin-top: 5px;.

Answer 1

好吧，这里有很多选择。

您可以通过检查AssetHelper.php内部 symfony 来查看它们：

/**
 * Returns an <img> image tag for the asset given as argument.
 *
 * <b>Options:</b>
 * - 'absolute' - to output absolute file paths, useful for embedded images in emails
 * - 'alt'  - defaults to the file name part of the asset (capitalized and without the extension)
 * - 'size' - Supplied as "XxY", so "30x45" becomes width="30" and height="45"
 *
 * <b>Examples:</b>
 * <code>
 *  echo image_tag('foobar');
 *    => <img src="images/foobar.png" alt="Foobar" />
 *  echo image_tag('/my_images/image.gif', array('alt' => 'Alternative text', 'size' => '100x200'));
 *    => <img src="/my_images/image.gif" alt="Alternative text" width="100" height="200" />
 * </code>
 *
 * @param string $source  image asset name
 * @param array  $options additional HTML compliant <img> tag parameters
 *
 * @return string XHTML compliant <img> tag
 * @see    image_path
 */
function image_tag($source, $options = array())

所以，你可以直接整合style属性：

<?php echo link_to(
    image_tag(
        '/design/fb.png', 
        array('style' => 'margin-top: 5px;')
    ),
    'https://www.facebook.com'
) ?>

或者定义一个classas 属性并class在一个 css 文件中创建

<?php echo link_to(
    image_tag(
        '/design/fb.png', 
        array('class' => 'img-fb')
    ),
    'https://www.facebook.com'
) ?>

你的CSS：

.img-fb {
  margin-top: 5px;
}