让dwz 在td里显示图片
<[email protected]{foreach from = $list item = element}@> <tr target="gid" rel="<[email protected]{$element.id}@>" > <td><[email protected]{$element.id}@></td> <td><[email protected]{$element.name}@></td> <td><[email protected]{$element.sort}@></td> <td class="imgs"><img src="<[email protected]{$smarty.const.WEBROOT}@>/<[email protected]{$element.image}@>" width="200" height="100"/></td> <td><[email protected]{$element.url}@></td> </tr> <[email protected]{/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>
时间: 2024-10-21 09:03:41