html - 如何在 HTML 中将所有内容居中

标签 html css

我有一个 JSP 页面,我正试图将所有内容居中。我在下面有以下 HTML 脚本。

<html>
<head>
<title></title>
</head>
<style type="text/css">
    body{text-align:center}

</style>

<body>

    CONTENT HERE!<br>
My name is XXXX, and please call me XX.


</body>
</html>

在网络浏览器中测试时,它确实居中但每个句子的开头未对齐。如何调整?

如果有人能帮助我,我将不胜感激。

最佳答案

您想插入一个容器并将其居中。
→ jsFiddle

<body>
  <div id="wrapper">
    CONTENT HERE!<br>
    My name is XXXX, and please call me XX.
  </div>
</body>
#wrapper {
  width: 70%;     /* specify a width! */
  margin: 0 auto; /* center */
}

关于html - 如何在 HTML 中将所有内容居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20830210/

相关文章:

使用 box-sizing :border-box in Firefox 的 CSS 填充问题

javascript - 在单选按钮上显示/隐藏 div 并更改表单操作

javascript - 如何在 javascript 中创建非 ajax post 请求?

javascript - 全高 div 固定

javascript - 如何根据其中字符串的长度修改 div 的长度?

html - 溢出-y滚动问题

html - 为什么悬停时不透明度的变化会使第二行的 flex children 移动/改变?

php - 根据用户登录 session 在另一个表中输入user_id的值

html - 如何在之前和之后使用带有背景颜色的插图框阴影?

javascript - 强制 Iframe 进入折叠 Bootstrap 组件以适合屏幕