上文中文字放在div中间位置
时间: 2023-07-08 14:42:20 浏览: 47
要将文字放置在 div 元素的中间位置,可以使用 flexbox 布局来实现。给该 div 元素设置 `display: flex;` 和 `justify-content: center; align-items: center;` 即可让其中的内容垂直居中并水平居中。
修改代码如下:
```javascript
const loadingElement = document.createElement('div');
loadingElement.style.height='100vh';
loadingElement.style.backgroundColor='rgb(0, 0, 0)';
loadingElement.style.zIndex = 19891014;
loadingElement.style.opacity = 0.6;
loadingElement.style.display = 'flex';
loadingElement.style.justifyContent = 'center';
loadingElement.style.alignItems = 'center';
loadingElement.innerHTML = 'Loading...';
document.body.appendChild(loadingElement);
console.log('加载执行',loadingElement);
setTimeout(()=>{
loadingElement.innerHTML = '加载中...';
},5000);
```
这样就可以将文字放置在 div 元素的中间位置了。