html - Center contents of webpage

Question

Welcome To Ask or Share your Answers For Others

html - Center contents of webpage

asked Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

I want to "centerize" the text and contents of my webpage. Now I don't want to align the text to center, I still want a left alignment but I want significant margins on the left and right so that everything looks relatively center-ish. Can you show me the HTML/CSS to achieve this? THanks.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

280 views

1 Answer

深蓝 · Answer 1 · 2021-10-17T03:07:51+0000

<html>
<head>
<style type="text/css">

body {
   text-align: center; /* Center in IE */
}

#content {
   text-align: left; /* reset text-align for IE */
   margin: 0 auto; /* Center in other browsers */
   width: 800px;
}

html {
   overflow: -moz-scrollbars-vertical; /* Force vertical scrollbar in FF */
}

</head>
<body>
<div id="content">

   content here

</div>
</body>
</html>

*UPDATE: I added some CSS that forces a vertical scrollbar in FF as per some comments below.

Categories

html - Center contents of webpage

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags