Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么可以';我不能将这些链接居中吗?_Html_Css - Fatal编程技术网

Html 为什么可以';我不能将这些链接居中吗?

Html 为什么可以';我不能将这些链接居中吗?,html,css,Html,Css,我的导航栏上的链接有问题。。 我使用了很多标签,比如文本对齐,你现在可以在我的代码中看到,但仍然不在中间,你能帮我解决这个问题吗? 我全靠你们了! 谢谢 这是我的垃圾箱-> 你可以点击右上角的“编辑垃圾箱” HTML 它将不起作用,因为您设置了包装div的左边距 由于您已经设置了宽度,如果将边距设置为自动 .header .sublinks { width:400px; height:90px; float:right; position:relative; margin:auto; } 您的

我的导航栏上的链接有问题。。 我使用了很多标签,比如文本对齐,你现在可以在我的代码中看到,但仍然不在中间,你能帮我解决这个问题吗? 我全靠你们了! 谢谢

这是我的垃圾箱->
你可以点击右上角的“编辑垃圾箱”

HTML


它将不起作用,因为您设置了包装div的左边距 由于您已经设置了宽度,如果将
边距设置为
自动

.header .sublinks {
width:400px;
height:90px;
float:right;
position:relative;
margin:auto;
}
您的代码:

.header .sublinks {
    width:400px;
    height:90px;
    float:right;
    position:relative;
    margin-top:20px;
    margin-left:65px;
}
编辑代码:

.header .sublinks {
    width:400px;
    height:90px;
    float:right;
    position:relative;
}
你有
margintop:20px
左边距:65px设置,这就是为什么不能
将链接居中
的原因。
只需删除左侧的
页边距
和右侧的
页边距

JSFiddle:


请将CSS和HTML添加到问题中。虽然在垃圾箱上,但我肯定会使用youtube教授提供的大部分代码(在课堂上录制),其他代码我自己编写,因为我是初学者(1个月hmtl CSS),我使用从那以后学到的代码,即使它们是20或30个,我也会使用,但你说的是真的,如果我想学习更多关于CSS和HTML的知识,我必须买本书或者花钱请人教我,但就像我没有niether一样,我也不想单独提高xD。谢谢你的建议。下面是我推荐的方法。首先,从草图开始。你可以手工或用数字画图。它不需要是一件艺术品——只是在某种程度上是您试图构建的页面的近距离表示。其次,首先为该页面创建HTML代码。然后,在这里或其他论坛上发布草图和代码,并征求关于如何改进HTML结构的意见。你会得到很多有用的建议,你和其他人会学到很多。第三,一旦你巩固了你的HTML结构,然后继续使用CSS。你选择的解决方案是在一个不稳定的HTML&CSS结构上快速修补,导航栏中的链接没有真正居中;它们更偏向右边。无论如何,保持黑客攻击,一点一点的HTML和CSS将成为你的第二天性。它工作得很好,谢谢,但你能更尊重吗?我的错误到底是什么?我设置这些边距是为了更符合我在第一次回复中提到的“常绿”标题,你设置了包装div的边距。这意味着它将被完全推离左侧那么远-但是你可以设置顶部边距,使其与标题保持相对
.header .sublinks {
    width:400px;
    height:90px;
    float:right;
    position:relative;
    margin-top:20px;
    margin-left:65px;
}
.header .sublinks {
    width:400px;
    height:90px;
    float:right;
    position:relative;
}