怎么用CSS定义body标签居中显示！要详细的CSS代码！写！急！

Posted 2023-05-17

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用CSS定义body标签居中显示！要详细的CSS代码！写！急！相关的知识，希望对你有一定的参考价值。

这样在<body></body>两边放这个标签<center></center>
例题：<center><body></body></center>
你要保证没有在css中定义bodyfloat:left(right....)就是没有让它左右浮动。
如果非要在css中让它剧中就这样bodytext-align:center;但你还要保证没有在css中定义bodyfloat:left(right....)就是没有让它左右浮动。参考技术A 小人愚见，可否说的详细点，如果只需要body里面的文字居中，直接设置
body
text-align:center;
如果需要body里面的所有内容全居中，那你就试试给body宽度然后在设置
body
width：1000px;margin:0 auto;
这样应该就行了参考技术B body

text-align:center;
width:950px;
margin:0 atuto;
本回答被提问者采纳参考技术C 提供一种思路：

用table表把内容包起来，然后设置 td的align属性为center

bootstrap 的栅格怎么让里面的文字居中显示...

我左边的col-md-6是图片.右边的col-md-6是文字...
但是文字是向上对齐的..我要居中对齐怎么搞..
不要用margin或者padding..
就是要从中间开始显示文字

用竖直对齐的方式，比如有人用line-height来处理，有人用table里的那个单元格的v什么来竖直对齐参考技术A 在col-md-6的那个标签上加属性：text-align:center; 参考技术B bootstrap的css自带文字居中，直接引用.text-center
.text-centertext-align:center 参考技术C text-align:center; 参考技术D

需要给元素添加额外样式：

    line-height: 100px; // 行高
    vertical-align：middle;  // 上下居中［与行高成对出现］
    text-align: center； // 左右居中

以下是一个完整例子，可以直接使用该代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="

    <style>
    .con line-height: 100px; vertical-align: middle; text-align: center;
    .color1  background: pink;
    .color2  background: red;
    </style>
</head>
<body>
    <div class="row box">
      <div class="col-md-6 con color1">.col-md-6</div>
      <div class="col-md-6 con color2">.col-md-6</div>
    </div>
</body>
</html>

本回答被提问者和网友采纳

以上是关于怎么用CSS定义body标签居中显示！要详细的CSS代码！写！急！的主要内容，如果未能解决你的问题，请参考以下文章

如何使用css设置文字在网页中显示居中？

html中body中既要插入背景颜色又要设置居中方式怎么弄