社区
CSS
帖子详情
怎么解appendChild生成的div撑破父容器宽度?
设计手
2019-01-24 10:11:22
使用JS的appendChild生成的div宽度固定了,比如这个宽度是150px
然后里面的内容比较多,在内容里面又给了一个class
设置这个class的宽度给固定在200px,超出了父容器150px;就变成这样了如图
试着把父容器设置display: inline-table;也不行
因为是父容器也是动态生成的,好像display: inline-table;没作用。。
这怎么解?
...全文
257
3
打赏
收藏
怎么解appendChild生成的div撑破父容器宽度?
使用JS的appendChild生成的div宽度固定了,比如这个宽度是150px 然后里面的内容比较多,在内容里面又给了一个class 设置这个class的宽度给固定在200px,超出了父容器150px;就变成这样了如图 试着把父容器设置display: inline-table;也不行 因为是父容器也是动态生成的,好像display: inline-table;没作用。。 这怎么解?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
風灬雲
2019-01-25
打赏
举报
回复
蚊子再小也是肉,20分我接着
hgwyl
2019-01-25
打赏
举报
回复
那我来接一下分呗~
设计手
2019-01-24
打赏
举报
回复
晕倒,原来是JS设置display:block;造成的!!!
display: inline-table;有用啊,郁闷浪费我的积分!!
可编辑并且能够自动换行的
div
在网页设计中,`
div
` 是一个非常基础且重要的元素,它用于定义页面上的一个区块或者
容器
,可以用来组织和布局网页内容。标题所提到的“可编辑并且能够自动换行的
div
”,实际上是在讨论如何创建一个具有文本编辑功能...
js二维码批量
生成
document.getElementById('container').
appendChild
(qrElement); // 添加到
容器
元素 $(qrElement).qrcode({ // 使用jquery-qrcode库
生成
二维码 text: url, width: 128, height: 128 }); }); ``` 在这个DEMO中...
web前端通过使用JavaScript
生成
二维码,采用qrcode.js 来实现
<
div
id="qrcode"></
div
> ``` 然后在JavaScript中创建并附加二维码: ```javascript var qrElement = document.getElementById('qrcode'); var qr = qrcode(0, 'L'); // 参数0表示错误纠正级别,'L'代表最低...
用js
生成
dom并实现弹出层效果
1. 创建弹出层
容器
:使用`createElement`创建一个主弹出层的DOM元素,如`
div
`,并设置其样式(例如,透明度、位置、
宽度
、高度等)以达到所需的视觉效果。 2. 添加内容:根据需求,可以使用`innerHTML`或者`...
div
_maker:创建 4 个点,程序将在该位置创建一个该大小的
div
这个工具可能被设计用来动态地在网页上
生成
`<
div
>`元素,特别是基于用户交互或者特定条件。从标题和描述来看,它似乎允许开发者指定四个点,这些点可能代表`<
div
>`元素的对角线坐标,从而创建出具有特定尺寸的矩形...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章