代码之家 › 专栏 › 技术社区 › Doug Molineux

使用JQuery随内容增长的Div

json css jquery

Doug Molineux · 技术社区 · 15 年前

我有一个名为“devices”的div,我使用ajax来填充它,但是我有一个样式问题,我在devices div中附加了一个json,如下所示:

$('#devices').html(json);

我在css中设置设备的宽度如下:

#devices
{
    border:thin solid #C7C7C7;
    padding:20px;
    width:600px;
}

我不确定内容的宽度是多少,因为当用户在选择框中更改元素时,它可能会更改,我如何使其在600px宽的div中换行?

现在,内容打印在一个巨大的行上,该行横跨页面并超出div,

谢谢!

2 回复 | 直到 15 年前

Sean Vieira 15 年前

你可以用 whitespace: pre-wrap .

或者,不要直接将JSON字符串插入 #devices div,为什么不使用 jquery . tmpl 或 some other JavaScript 为设备列表生成HTML的模板引擎?

Phrogz 15 年前

文本将使用标准 whitespace CSS设置(默认为 normal ). 请注意,文本从不在非单词边界的中间“换行”,例如一个很长的字符串,如xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx。

你关心的是这个退化的用户输入案例吗?如果是,设置 overflow:auto (用于滚动条)或 overflow:hidden (用于剪辑)防止文本转义容器。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

Mass · 如何在Tailwind CSS v4中创建配置

1 年前

magenta placenta · 将css变量合并为一个变量

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前