Html 文本中心已关闭，只有几个像素
我目前正在学习CSS，我发现了一个非常奇怪的问题。当我试图在div的中间对齐文本时，水平轴（右边：82px；左边：81px）和垂直轴的2个像素（顶部：13px；底部：11px；）被关闭。首先，我认为这可能只是字体的一个bug，但在尝试了其他一些之后，问题仍然存在。有人能解释一下是什么导致了这个问题，我有没有办法解决它Html 文本中心已关闭，只有几个像素,html,css,Html,Css,我目前正在学习CSS，我发现了一个非常奇怪的问题。当我试图在div的中间对齐文本时，水平轴（右边：82px；左边：81px）和垂直轴的2个像素（顶部：13px；底部：11px；）被关闭。首先，我认为这可能只是字体的一个bug，但在尝试了其他一些之后，问题仍然存在。有人能解释一下是什么导致了这个问题，我有没有办法解决它 #第一部分{ 保证金：0； 填充：0； 宽度：300px； 背景颜色：灰色； } #分区中心{ 位置：相对位置； 宽度：300px； 线高：40px； 背景颜色：灰色； 颜色：#
#第一部分{
保证金：0；
填充：0；
宽度：300px；
背景颜色：灰色；
}
#分区中心{
位置：相对位置；
宽度：300px；
线高：40px；
背景颜色：灰色；
颜色：#000；
文本对齐：居中；
字体系列：“Ubuntu”；
字体大小：20px；
}
随机文本
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
<style>
#Div_One{
margin:0;
padding:0;
width:300px;
background-color:gray;
}
#Div_Center{
position:relative;
width:300px;
line-height:40px;
background-color:gray;
color:#000;
text-align:center;
font-family:"Ubuntu";
font-size:20px;
}
#myText {
position:relative;
top:10px;
left:-20px;
}
</style>
</head>
<body>
<div id="Div_One">
<div id="Div_Center">
<p id="myText">Random Text</p>
</div>
</div>
</body>
</html>
#第一分区{
保证金：0；
填充：0；
宽度：300px；
背景颜色：灰色；
}
#分区中心{
位置：相对位置；
宽度：300px；
线高：40px；
背景颜色：灰色；
颜色：#000；
文本对齐：居中；
字体系列：“Ubuntu”；
字体大小：20px；
}
#我的文本{
位置：相对位置；
顶部：10px；
左：-20px；
}
随机文本