HTML宽度设置为百分比时，div的缩放div

问题描述：

所以我需要在屏幕中间有一个<div>，当用户第一次打开网站时，我试图设置宽度百分比，并将<div>放在<center>标签内，但在这两种情况下，缩放都无法正常工作。如何在屏幕*放置<div>而不会出现缩放问题？HTML宽度设置为百分比时，div的缩放div

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

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

<!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; 
}

我是花时间帮助我，非常感谢！

使用'margin：0 auto' – Deadlock 2013-04-06 15:26:28

你是什么意思“缩放不起作用”。您应该尝试更详细地描述您正在查找的行为。最好的办法是提供你现在拥有的代码，并指出哪些部分没有工作 – Pankrates 2013-04-06 15:45:05

http://jsfiddle.net/HB3rB/ – zkanoca 2013-04-06 15:52:05

答

你有这样的：

<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%; 
}

它不只是中心div。它也是中心div的内容。 – zkanoca 2013-04-06 15:47:32

对不起，没有注意到，我最后的编辑应该做的伎俩 – DerpyNerd 2013-04-06 16:01:05

答

例如，如果你的div是：

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

然后在你的CSS使用：

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

只是改变宽度，你的愿望。

答

你可以使用这个样子。

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

.content{ 
     float:left; 
} 

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

或者对于内容选择器，您还可以将文本对齐属性指定为左侧。

HTML宽度设置为百分比时，div的缩放div

相关推荐