使用css获取响应式html块

Question

我需要在3列中显示3个简单的文本html块，例如图像，但我需要一个响应行为

我需要行为响应，像这样运行...... 任何人都可以教我这种响应行为的css代码吗？

先谢谢你了！

<p><strong>CARTELERA</strong></p> 
<table border="0"> 
  <tbody> 
    <tr> 
      <td> <p>PELICULA1<br />Nombre1<br />Dirextor1<br />España</p> </td> 
      <td>PELICULA2<br />Nombre2<br />Dirextor2<br />España</td> 
    </tr> 
  </tbody> 
</table>

Answer 1

一般来说，您应该在此处发布代码，我们会为您提供帮助。该网站不是教学资源。

那就是说，我会给你一个正确的方向。您可以使用Bootstrap，因为它是一个预先构建的响应框架。

如果您想自己动手做，请查看此代码作为起点。

<div id="container">
<ul class="section">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

<ul class="section">
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</ul>
</div>

和Css：

#container {
width: 100%;    
}

.section {
    float: left;
    width: 120px;
    margin: 0 10px 10px 0;
    list-style: none;
}

这是一个fiddle