div的内容不受div宽度的限制

时间:2010-08-26 16:26:42

标签: css html width

我可以发誓我已经看过关于这个问题的文章了,但我不能再为我的生活找到它们了! 基本上如果我有

<div style="width: 250px;">The width of this div should be no less than 250px wide</div>

在下面的代码中,div中的内容不会将宽度限制为指定的宽度,从而导致溢出问题:

        <div class="PostIt">
            <div id="tags"><span class="qExtraLarge"><a href="Team/Default.aspx#lucky">Lucky Khumalo</a></span>
            <span class="qLarge"><a href="Investments/Social/School/Default.aspx">School</a></span>
            a;orghaepoht8aegae[hgi'aehg[ahgiha[e8gjaerghuoaeir'ghu;dsOsgh;vrwi/jbvh?URbnIRWhb'a[985h[qygherionhbdl</div>

        </div>

.PostIt { display: block; text-align: left; padding: 30px 30px 30px 30px; height: 240px !important; width: 190px !important; background: transparent url("Images/PostIt.png"); }
.PostIf #tags { width: 250px !important; }

任何建议都会很棒!

提前致谢。

3 个答案:

答案 0 :(得分:3)

如果要隐藏任何溢出的内容,请使用overflow:hidden;

如果您想显示内容并强制换行,请使用word-wrap:break-word;

答案 1 :(得分:1)

仅在块元素上设置宽度不会阻止任何宽于该宽度的内容溢出元素的边界。为此,您还需要设置“溢出”属性。将其设置为“隐藏”只会隐藏边界之外的任何内容,但您也可以将其设置为其他值以自动显示滚动条等。

有关溢出CSS属性的详细说明,请参阅http://reference.sitepoint.com/css/overflow

答案 2 :(得分:0)

隐藏你的溢出。

或更准确地说

.myclass { overflow: hidden; }