CSS 溢出问题有效和无效

发布于 2024-12-04 14:05:24 字数 568 浏览 1 评论 0原文

您可以在此处看到溢出未按预期工作的问题: http://dptest.dream-portal .net/index.php

但是,如果您查看该帖子,就会发现溢出在这里得到了完美的处理:http://dptest.dream-portal.net/index.php?topic =6.msg15#msg15

但是为什么?他们的做法有何不同?但是,最重要的是,如何更改此处中间部分 (http://dptest.dream-portal.net/index.php) 中的 HTML 代码,使其工作方式与帖子中的工作方式完全相同。

有人可以帮我吗?中间部分需要包含在页面的实际宽度内,左右部分的宽度均为 200px,但中间部分超出了边界并将其拉伸,因为该部分内的结果之一正在返回负责此操作的 BBC 代码标签。我该如何解决这个问题?

谢谢

You can see the problem with the overflow not working as expected here: http://dptest.dream-portal.net/index.php

But if you view the post, the overflow is handled perfectly right here: http://dptest.dream-portal.net/index.php?topic=6.msg15#msg15

BUT WHY?? What do they do differently? But, most important, how can I change my HTML code within the middle section here (http://dptest.dream-portal.net/index.php) to work exactly like it works in the post.

Can someone out there please help me? The middle section needs to be contained within the actual width of the page, the left and right sections each have a width of 200px, but the middle section it is exceeding the boundaries and stretching it out because one of the results within this section is returning a BBC code tag that is responsible for this. How can I fix this?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

浅浅 2024-12-11 14:05:24

试试这个:

code.bbc_code {
    background: none repeat scroll 0 0 #EEEEFF;
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    display: block;
    font-family: "dejavu sans mono","monaco","lucida console","courier new",monospace;
    font-size: x-small;
    line-height: 1.5em;
    max-height: 24em;
    overflow: auto;
    padding: 3px 1em;
    white-space: normal;
}

nowrap 是罪魁祸首......

try this:

code.bbc_code {
    background: none repeat scroll 0 0 #EEEEFF;
    border-bottom: 2px solid #999999;
    border-top: 2px solid #999999;
    display: block;
    font-family: "dejavu sans mono","monaco","lucida console","courier new",monospace;
    font-size: x-small;
    line-height: 1.5em;
    max-height: 24em;
    overflow: auto;
    padding: 3px 1em;
    white-space: normal;
}

The nowrap is the culprit...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文