Html CSS-Can';不要在我的按钮中移动字体

Html CSS-Can';不要在我的按钮中移动字体,html,css,Html,Css,我的字体位置有问题。我是CSS新手。我很高兴我已经完成了我的小项目:)但是现在我不知道我必须做什么。目前看起来是这样的: 我无法将字体向上移动。我尝试了填充和边距。我总是能把它左右移动。我希望有人能帮助我 正文{ 保证金:0自动; } .集装箱{ 宽度:400px; 高度:380px; 边界半径:6px; 文本对齐:居中; 背景色:rgba(51,51,51,0.8); 保证金:0自动; 利润率最高:20%; } .表格输入{ 页边顶部:自动; } .基站{ 背景色:rgba(36,153,

我的字体位置有问题。我是CSS新手。我很高兴我已经完成了我的小项目:)但是现在我不知道我必须做什么。目前看起来是这样的:

我无法将字体向上移动。我尝试了填充和边距。我总是能把它左右移动。我希望有人能帮助我

正文{
保证金:0自动;
}
.集装箱{
宽度:400px;
高度:380px;
边界半径:6px;
文本对齐:居中;
背景色:rgba(51,51,51,0.8);
保证金:0自动;
利润率最高:20%;
}
.表格输入{
页边顶部:自动;
}
.基站{
背景色:rgba(36,153,0,0.7);
边界半径:6px;
边界:无;
宽度:300px;
高度:75px;
利润上限:39px;
颜色:白色;
字体大小:60px;
字体系列:太阳谷;
文本对齐:左对齐;
左侧填充:90px;
顶部:-10px;
}
.btn_登录{
位置:绝对位置;
宽度:60px;
高度:60px;
背景图片:url(../imgs/login.png);
背景尺寸:包含;
背景重复:无重复;
利润率最高:46px;
左边距:15px;
}
.btn_寄存器{
位置:绝对位置;
宽度:60px;
高度:60px;
背景图像:url(../imgs/register.png);
背景尺寸:包含;
背景重复:无重复;
利润率最高:46px;
左边距:15px;
}
.btn_规则{
位置:绝对位置;
宽度:60px;
高度:60px;
背景图像:url(../imgs/rules.png);
背景尺寸:包含;
背景重复:无重复;
利润率最高:46px;
左边距:15px;
}
@字体{
字体家族:“太阳谷”;
src:url(../font/sun_valley.ttf);
}

户口
登记处
雷格尔沃克

.btns
上的
行高设置为与其高度相同的值。在你的情况下是这样的

line-height: 75px;

您可能需要根据字体调整该值。

您的
BTN
类的
页边距顶部是39px,这就是将其从容器顶部向下推的原因。

我认为问题在于您使用的是自定义字体。尝试更改按钮中字体的
行高
字体大小

我认为您需要

line-height: 75px;
margin-top: 0px;

永远不要在按钮中使用边距,最好在按钮内部使用空格。

哪种字体?拿出来,谢谢。这就解决了问题。这是我使用的自定义字体。字体很奇怪。我会用另一个。