Css 文本溢出div

编辑：哇，我觉得自己像个鞋跟。这很可能是互联网上有史以来最愚蠢的问题。整个问题是，我试图将一个非常长的单词放入div，结果它溢出了。对不起，我浪费了大家的时间

我对CSS一无所知。我正在尝试将一个简单的页面与一些列或div组合在一起。我可以很好地创建列，但是当我向其中添加文本时，文本会溢出列/div。如何将文本包含在适当的div中

在我研究过的所有书籍/教程/网站中，这个问题从未出现过。那为什么这对我来说是个问题呢？人们通常做些什么来防止这成为一个问题

我假设一旦文本到达div的末尾，浏览器就会将其移动到新行

另外，溢出：隐藏不是我要找的。我不想隐藏溢出的内容。我想彻底消除溢出。我只希望文本在列的边界内自然流动

我怎样才能做到这一点？我试过文本对齐：居中和文本对齐：对齐和换行：分词，但我觉得我不需要这些，而且它们也不能完全满足我的需要。还是我需要一个

谢谢你的帮助

编辑：这是代表性部门的代码

HTML:

该div包含在另一个相对定位的div中

试试这个

.breakWord120  
{  
   max-width: 120px !important;  
   word-break: break-all !important;  
   word-wrap: break-word !important;  
   vertical-align: top;  
   line-height: 15px;  
} 

<asp:Label ID="Label1" runat="server" CssClass="breakWord120"></asp:Label>

.breakWord120
{  
最大宽度：120px！重要；
单词break：打破一切！重要；
单词包装：打破单词！重要；
垂直对齐：顶部；
线高：15px；
} 

编辑：

<div id="left">
        <h2>Left Column</h2>
            <p>asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfaf</p>
</div>
.......
.......
#left {
position: absolute;
left: 0px;
max-width: 240px !important;  
background-color: green;
word-break: break-all !important;  
word-wrap: break-word !important;  
}


左列
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfaf

.......
.......
#左{
位置：绝对位置；
左：0px；
最大宽度：240px！重要；
背景颜色：绿色；
单词break：打破一切！重要；
单词包装：打破单词！重要；
}

向我们展示您的HTML和CSStry word wrap:break word；并为文本指定一个明确的宽度，以便使用divp或header标记。设置包含段落的div的宽度。使用position:relative作为div。同时请包含您的代码，，以便我们可以帮助您更好地使用真实文本或类似文本的内容，如在打印中使用：搜索lorem ipsum想要解释asp和teletik与任何内容的关系吗？
.breakWord120  
{  
   max-width: 120px !important;  
   word-break: break-all !important;  
   word-wrap: break-word !important;  
   vertical-align: top;  
   line-height: 15px;  
} 

<asp:Label ID="Label1" runat="server" CssClass="breakWord120"></asp:Label>

<div id="left">
        <h2>Left Column</h2>
            <p>asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfaf</p>
</div>
.......
.......
#left {
position: absolute;
left: 0px;
max-width: 240px !important;  
background-color: green;
word-break: break-all !important;  
word-wrap: break-word !important;  
}