Div 太小，文字无法克服

Question

我正在处理我的 ASP.NET 项目（用 C# 编写）。

我无法编写代码 div 以使其中的文本具有正确的大小。我想要一个 div 来很好地捕获文本并在缩小页面时自行调整大小。

有人可以帮帮我吗？

Css代码：

.box {
    width: 500px;
    height: 500px;
    border: 1px solid #e0e4e8;
    padding: 20px;
    border-radius: 10px;
    height: 100px;
    color: #717171;
    float: left;
    position: relative;
    display: block;
}

Html代码：

<div class="box">
  <p class="date">Datele contului</p>
  <br />
  <table class="profil">
    <tr>
      <td>Nume:</td>
      <td>
        <asp:Label ID="lblNume" runat="server" Text=""></asp:Label>
      </td>
    </tr>
    <tr>
      <td>Prenume:</td>
      <td>
        <asp:Label ID="lblPrenume" runat="server" Text=""></asp:Label>
      </td>
    </tr>
    <tr>
      <td>Email:</td>
      <td>
        <asp:Label ID="lblEmail" runat="server" Text=""></asp:Label>
      </td>
    </tr>
  </table>
  <hr />
</div>

Answer 1

只需删除css中的高度属性。（要么）尝试将高度设置为自动。

您在 css 中设置了两次高度。删除两者。

Div 太小，文字无法克服

Div is too small and text overcome

html

css

asp.net

overflow