0

How to ensure that the text does not exceed the gray border, and there is no scroll bar? Edit I think that the problem is comming from the width of <td class="message">. i've also updated the HTML and CSS code.

enter image description here

Here is the code of that area

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;
}

Thanks in advance.

4

2 に答える 2

0

max-widthおよびcss プロパティを使用してボックスの幅を設定してみてくださいmin-width。下の回答を読んだところです。これはその拡張です

于 2013-09-10T18:15:12.430 に答える
0

左側と右側に 1 つずつ、2 つの異なる div を使用してみてください。左の内側にテキストを書きます。うまくいけば、それはあなたのために働くでしょう。

于 2013-09-10T18:10:42.763 に答える