Question

为什么文字会超出div的宽度

Answer 1

正常现象，修改如下：

html代码：

<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

css样式表：

p{

width: 50px;  /*必须设置宽度*/

overflow: hidden;  /*溢出隐藏*/

text-overflow: ellipsis; /*以省略号...显示*/

white-space: nowrap;  /*强制不换行*/

}

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

1. <div> 可定义文档中的分区或节（division/section）。

2. <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

3. 如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。

4. 注释：<div> 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。

5. 提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。