让dwz 在td里显示图片

让dwz 在td里显示图片

<!@{foreach from = $list item = element}@>
            <tr target="gid" rel="<!@{$element.id}@>" >
                <td><!@{$element.id}@></td>
                <td><!@{$element.name}@></td>
                <td><!@{$element.sort}@></td>
                <td class="imgs"><img src="<!@{$smarty.const.WEBROOT}@>/<!@{$element.image}@>" width="200" height="100"/></td>
                <td><!@{$element.url}@></td>
            </tr>
            <!@{/foreach}@>

<style type="text/css" media="screen">
    .imgs{text-align:center;}
    .imgs div{height:100px;}
</style>

这样还是达不到效果，因为通过firfox查看，可以明显的看出来dwz框架的core.css优先级高于我们手写的

 

在用brophp+dwz开发一个项目中遇到了在td中需要图片，可是td属性是核心文件core.css定义的，这里找到了一个简单的办法实现，如下：
在需要图片那个<td 加上
 class="imgs"
然后在下面定义

 

即可，这样即没有影响别的td又让图片显示了，唉，好久没有写css，都忘记了css里面
!important可以提高优先级了。

 

<style type="text/css" media="screen">
    .imgs{text-align:center;}
    .imgs div{height:100px!important;}
</style>

转载于:https://www.cnblogs.com/dodui/p/3958857.html