[英]Need help centering html elements using javascript
我需要 JavaScript 将页脚和 h1 对齐到页面的中心，function 调整应该将页脚和 h1 对齐到页面的中心。
function adjust(){ document.querySelector("header h1").style.display = "center"; document.querySelector("footer").style.display = "center"; }
<,DOCTYPE html> <html> <body> <main> <div> <h1>h1 text</h1> <p>Lorem ipsum dolor sit amet.consectetur adipisicing elit, Perspiciatis magni reprehenderit quibusdam ipsam eius odit iste consequatur necessitatibus voluptatibus deserunt maxime esse, similique. cupiditate facere quisquos iddelectus est,</p> </div> <div> <h2>Two</h2> <p>Lorem ipsum dolor sit amet. consectetur adipisicing elit, Autem magni voluptatibus tempore aut corrupti. ducimus optio consequuntur, Quasi debitis a dicta natus voluptas alias ea, quis excepturi ut. eius accusantium.</p> </div> </main> <footer> <p>FOOTER</p> </footer> <script src="main.js"></script> </body> </html>
您正在寻找的 CSS 属性是text-align ，而不是display 。 它是text-align: center; .
请记住，连字符分隔的属性在 JavaScript 中获得驼峰式属性，因此它变为：
document.querySelector("header h1").style.textAlign = "center";
简单使用 text-align: center .. 如果您的问题仍然存在，请使用 flexbox "display:flex; justify-content: center; align "
需要帮助使用 Javascript 动态定位的元素水平居中
[英]Need help horizontally centering elements which are dynamically positioned with Javascript
我需要使用 HTML、CSS 和 JavaScript 来实现这一点 - 任何帮助都会很棒
[英]I need to achieve this using HTML, CSS and JavaScript - any help will be great
需要帮助获取和使用 JavaScript 中的 HTML 形式的用户输入
[英]Need help getting and using user input with HTML form in JavaScript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.