0

首先..我该如何解决这个问题：http: //jsfiddle.net/kLjcq/

我在浏览器上看到这个格式正确..！

但是在小提琴上它把事情搞砸了.. :(发生了什么事？我该如何解决这个问题？

其次是..如果我有长字符串...它会射过标题“从xml读取...”的浅灰色边框。

我正在寻找的是该文本的最大传播达到该边界..然后..它中断到下一行..这样文本被正确封闭..

在 div.content

div.content {
    background-color: #add8e6;
    display:inline-block;
    margin-top: 20px;
    border-radius: 10px;
    position: relative;
    top:-5px;
}

我试图添加限制和东西..但它将蓝色框限制为像素值，但我希望文本（和蓝色框）限制在某个限制之后，然后它会换行......任何线索。谢谢

4

2 回答 2

0

你绝对是定位.checksheet类。这会将其从文档流中删除。像你的 -class 等其他元素.content不关心它。

我不知道你为什么position: absolute;在这种情况下使用，但它会产生你的错误。

于 2013-02-07T21:50:50.993 回答
0

你的小提琴坏了，因为你使用的是绝对定位。当屏幕很窄时，清单中的元素会环绕，但后面的元素的定位方式是假设前面的元素只有 1 行而不是 2 行。

如果没有与您的第二个问题相关的实际标记，我们只能猜测实际问题是什么。但是，由于您在pre提供的示例中使用，因此罪魁祸首很可能在那里。您需要添加这样的属性：

white-space: pre-wrap

如果没有这个属性，pre 标签一般不允许元素自动换行，这会导致它占用尽可能多的水平空间来显示所有的文本。

于 2013-02-07T21:57:56.847 回答