Javascript 使用divs的简单图表
我用下面的方法制作一张图表Javascript 使用divs的简单图表,javascript,css,Javascript,Css,我用下面的方法制作一张图表 for（设i=0；i默认情况下，Div具有display:block，这将导致它们将其他内容推送到下一行。您可以通过告诉这些Div为inline block，在附加到正文之前添加此行来解决此问题： rect.style.display='inline block' 整个代码段将更新为如下所示： for(let i=0;i<1000;i++){ let rect = document.createElement('div') rect.style.back
for（设i=0；i默认情况下，Div具有display:block
，这将导致它们将其他内容推送到下一行。您可以通过告诉这些Div为inline block
，在附加到正文之前添加此行来解决此问题：
rect.style.display='inline block'
整个代码段将更新为如下所示：
for(let i=0;i<1000;i++){
let rect = document.createElement('div')
rect.style.backgroundColor = '#dd21d1'
rect.style.height = Math.random() +'px'
rect.style.width='.5px'
rect.style.transform = `scaleY(100) translateX(${i}px)`
rect.style.display = 'inline-block'
document.body.appendChild(rect)
}
for（设i=0；iCSS默认的display
属性为block
。您可能希望使用内联块来创建图表
请参见非常感谢您解决了这个问题，虽然转换不需要这样做