html - 如何调整任何网站的缩进

Question

如何保证文字不超出灰色边框，且没有滚动条？编辑 我认为问题出在 <td class="message"> 的宽度上.我还更新了 HTML 和 CSS 代码。

这是那个区域的代码

HTML

<div class="liste_posts">
  <table>
      <tr>
         <td class="message">
              <div class="topic_div">Si vous êtes sur cette page, c'est parce que vous avez décidé de laisser tomber phpbb, ou autre, pour vous lancer dans l'aventure qu'est la création d'un forum. Et ça tombe bien, parce que justement, ici on va voir comment faire ça Smiley. Il faut, avant de commencer, que vous sachiez que je vais montrer comment réaliser une base que vous pourrez ensuite faire évoluer comme bon vous semblera.</div>
        </td>
     </tr>
  </table>

CSS

.message{
background-color: rgb(244, 238, 250);
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}

.topic_div p {
word-break: break-all;
}

提前致谢。

Answer 1

尝试使用两种不同的 div，一种用于左侧，一种用于右侧。在左边的里面写文字。希望这对您有用。