首页 > 代码库 > 让dwz 在td里显示图片

让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="http://www.mamicode.com//" 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>

让dwz 在td里显示图片