Html 在li中格式化图像

Html 在li中格式化图像,html,css,Html,Css,我的CMS输出将我的图像放在我的中,因此所有内容都显示在同一行上。输出如下所示: <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" ti

我的CMS输出将我的图像放在我的
  • 中,因此所有内容都显示在同一行上。输出如下所示:

        <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>
    
  • 我希望对输出进行样式设置,使元素为块(相互落下)

    你知道我将如何做到这一点吗?

    所以你可以这样做

    .data_li img {
        display: block;
    }
    


    取决于你想要什么
    .data\u li*
    应该影响每个子元素,因此
  • 中的任何内容都应该具有
    显示:块
    显然
    。data\u li img
    只会影响该div中的
    img
    元素,就像您要求的标题一样。

    那么?元素呢?是块(彼此下)元素=链接文本、图像和div。使用通配符很好。因为我需要所有的元素来显示块,所以我将使用它。谢谢
    .data_li * {
        display: block;
    }