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

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

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

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

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

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

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

这怎么解？

...全文

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

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

風灬雲 2019-01-25

打赏
举报

回复

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

hgwyl 2019-01-25

打赏
举报

回复

那我来接一下分呗~

设计手 2019-01-24

打赏
举报

回复

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

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

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

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

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

通常，这样的组件会有一个主要的容器元素，然后根据需要生成或隐藏这些角落div，以实现动态的圆角效果。例如，我们可以有如下JavaScript代码： ```javascript function createRoundedCornerElement(element, radius...

为了实现弹幕效果，我们需要设置容器的宽度为100%，并设置溢出隐藏，以实现弹幕从一侧进入另一侧的效果。同时，我们还需要设置每个弹幕元素的位置和动画效果，如： ```css #bullet-screen { width: 100%; ...

61,126

社区成员

60,707

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章