1

因此，当用户第一次打开网站时，我需要<div>在屏幕中间放置一个，我尝试以百分比设置宽度并放入<div>标签<center>，但在这两种情况下缩放都无法正常工作。如何<div>在没有缩放问题的情况下将 a 放在屏幕中央？

通过“缩放不起作用”我的意思是当我放大太多时它会停止增加宽度，同时仍然增加高度和内容，所以它添加了换行符并且一切看起来完全错误

感谢您的回复，但是您的建议都有我描述的这个问题。到目前为止，唯一的出路是将位置设置为绝对位置，并以厘米为单位手动设置“顶部”、“左侧”、“宽度”和“高度”参数。看一下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="../../../All Files/HTML/Project/special.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class='centering'>
      <div class='content'>
test test test test test test test test test test test test test test
      </div>
</div>
</body>
</html>

和css文件：

.centering {
    text-align: center;
    background-color:#646464;
}
.content {
    text-align: left;
    margin: 0 auto;
    width:50%;
    background-color:#2B2B2B;
}

我非常感谢您花时间帮助我！

4

3 回答 3

1

例如，如果您的 div 是：

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

然后在你的CSS中使用：

   #content {
  width: 50%;
  margin: 0 auto;
  }

只需根据需要更改宽度即可。

于 2013-04-06T15:29:31.853 回答
1

你有这个：

<center>
    <div>
    </div>
</center>

试试这个：

<div class="centering">
    <div class="content">
        Text here!
    </div>
</div>

在你的 CSS 中：

.centering {
    text-align: center;
}
.content {
    text-align: left;
    margin: 0 auto;
    width:50%;
}
于 2013-04-06T15:44:14.537 回答
0

你可以这样使用。

.wrapper{
      width:50%;
      margin:0 auto;
}

.content{
      float:left;
}

<div class='wrapper'>
      <div class='content'>
           //your content
      </div>
</div>

或者对于内容选择器，您还可以将 text-align 属性指定为 left。

于 2013-04-06T15:58:59.200 回答