js设置div里面的内容居中

// 获取div元素
var divElement = document.getElementById('myDiv');

// 设置样式使内容居中
divElement.style.display = 'flex';
divElement.style.justifyContent = 'center';
divElement.style.alignItems = 'center';
divElement.style.height = '100%'; // 确保div有高度

/* 在CSS文件中定义居中样式 */
.center-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

// 获取div元素
var divElement = document.getElementById('myDiv');

// 添加CSS类使内容居中
divElement.classList.add('center-content');

// 获取div元素
var divElement = document.getElementById('myDiv');

// 设置样式使内容居中
divElement.style.position = 'relative';
divElement.style.height = '100%'; // 确保div有高度

// 假设要居中的子元素id为childElement
var childElement = document.getElementById('childElement');
childElement.style.position = 'absolute';
childElement.style.top = '50%';
childElement.style.left = '50%';
childElement.style.transform = 'translate(-50%, -50%)';