怎么解appendChild生成的div撑破父容器宽度？

设计手 2019-01-24 10:11:22

使用JS的appendChild生成的div宽度固定了，比如这个宽度是150px

然后里面的内容比较多，在内容里面又给了一个class

设置这个class的宽度给固定在200px，超出了父容器150px；就变成这样了如图

试着把父容器设置display: inline-table;也不行

因为是父容器也是动态生成的，好像display: inline-table;没作用。。

这怎么解？

...全文

257 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

風灬雲 2019-01-25

打赏
举报

回复

蚊子再小也是肉，20分我接着

hgwyl 2019-01-25

打赏
举报

回复

那我来接一下分呗~

设计手 2019-01-24

打赏
举报

回复

晕倒，原来是JS设置display:block;造成的！！！

display: inline-table;有用啊，郁闷浪费我的积分！！

在网页设计中，`div` 是一个非常基础且重要的元素，它用于定义页面上的一个区块或者容器，可以用来组织和布局网页内容。标题所提到的“可编辑并且能够自动换行的div”，实际上是在讨论如何创建一个具有文本编辑功能...

document.getElementById('container').appendChild(qrElement); // 添加到容器元素 $(qrElement).qrcode({ // 使用jquery-qrcode库生成二维码 text: url, width: 128, height: 128 }); }); ``` 在这个DEMO中...

<div id="qrcode"></div> ``` 然后在JavaScript中创建并附加二维码： ```javascript var qrElement = document.getElementById('qrcode'); var qr = qrcode(0, 'L'); // 参数0表示错误纠正级别，'L'代表最低...

1. 创建弹出层容器：使用`createElement`创建一个主弹出层的DOM元素，如`div`，并设置其样式（例如，透明度、位置、宽度、高度等）以达到所需的视觉效果。 2. 添加内容：根据需求，可以使用`innerHTML`或者`...

这个工具可能被设计用来动态地在网页上生成`<div>`元素，特别是基于用户交互或者特定条件。从标题和描述来看，它似乎允许开发者指定四个点，这些点可能代表`<div>`元素的对角线坐标，从而创建出具有特定尺寸的矩形...

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章