如何调整任何网站的缩进

时间:2013-09-10 18:03:23

标签: html css

如何确保文本不超过灰色边框,并且没有滚动条? 修改我认为问题是来自<td class="message">的宽度。我还更新了HTML和CSS代码。

enter image description here

以下是该区域的代码

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

提前致谢。

2 个答案:

答案 0 :(得分:0)

尝试使用两个不同的div,一个用于左侧,一个用于右侧。在左边写一个文字。 希望这对你有用。

答案 1 :(得分:0)

尝试使用max-widthmin-width css属性设置框的宽度 我刚看了下面的答案,这将是

的延伸