Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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
水平对齐CSS HTML存在问题_Html_Css - Fatal编程技术网

水平对齐CSS HTML存在问题

水平对齐CSS HTML存在问题,html,css,Html,Css,我需要把水平格式的链接。你能帮我做些什么吗 这是HTML代码: 站点名称 这是CSS代码: 标题{ 宽度:100%; 背景色:红色; } h1{ 字体大小:继承; } a{ 保证金:自动; 左缘:70%; 显示:块; } 将flexbox应用于容器:标题{display:flex;} 只需将项目垂直居中即可将其对齐:标题{Align items:center;} 通过为第一个锚点提供类型{margin left:auto;}的auto:header a:first左边距,将链接与右侧对齐 标题

我需要把水平格式的链接。你能帮我做些什么吗

这是HTML代码:

站点名称 这是CSS代码:

标题{ 宽度:100%; 背景色:红色; } h1{ 字体大小:继承; } a{ 保证金:自动; 左缘:70%; 显示:块; } 将flexbox应用于容器:标题{display:flex;}

只需将项目垂直居中即可将其对齐:标题{Align items:center;}

通过为第一个锚点提供类型{margin left:auto;}的auto:header a:first左边距,将链接与右侧对齐

标题{ 宽度:100%; 背景色:红色; 显示器:flex; 对齐项目:居中; } h1{ 字体大小:继承; } 标题a{ 边缘:0.5 em; 显示:块; } 标题a:类型的第一个{ 左边距:自动; } 站点名称
请试试这个,告诉我是否对你有好处-

身体{ 保证金:自动; 字体系列:“Avenir LT W01 35 Light”,无衬线; 显示器:flex; 弯曲方向:立柱; 背景重复:无重复; 背景尺寸:封面; } 标题{ 宽度:100%; 背景色:红色; } h1{ 字体大小:继承; } a{ 保证金:自动; 左缘:70%; 显示:块; } 站点名称
display:flex-to-wrapper它不起作用我的代码片段证明了这一点-请参阅AnwseryYou don't横向对齐元素使用flex-direction:column;这样,它们将在彼此下方对齐。在这种情况下,在车身上使用Flexbox无效。这不是包装纸。