在li里面格式化图像

Question

我的CMS的输出是将我的图片放在我的<li>内，所以所有内容都显示在同一行。输出如下：

    <li class="data_li">
       <a href="http://mywebsite.php">Buffalo</a> 
      <img width="363" height="136" src="http://mywebsite.php/images/BWR.jpg" class="thumbnail" alt="Buffalo" title="BWR" />
      <div class="teaser_text"></div>
   </li>

我想设置输出的样式，以便元素是块（相互之间）

关于如何实现这一目标的任何想法？

Answer 1

所以你可以做到

.data_li img {
    display: block;
}

或者

.data_li * {
    display: block;
}

取决于你想要的。 .data_li *会影响每个子元素，因此<li class="data_li">中的任何内容都应该display: block;显然.data_li img只会影响该div中的img元素，就像您的标题一样要求。