Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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 如何对齐此边框?_Css_Alignment_Border - Fatal编程技术网

Css 如何对齐此边框?

Css 如何对齐此边框?,css,alignment,border,Css,Alignment,Border,这就是我到目前为止所做的: 我要做的是将黑色边框连接到蓝色框的左侧。实现这一目标的简单方法是什么?不,我不能只添加左边框:4倍纯黑至#集装箱li 应该是这样的: 编辑:我需要将边框移动到容器,而不是相反方向,因此在这种情况下,将填充设置为0没有帮助。在ul元素上有默认填充。若要删除它,请将ul{padding:0;}(或#container{padding:0;})添加到您的css中,所有内容都会看起来很漂亮 请在此处查看更新的示例: ul使用默认的填充尝试解决您的问题: #container{

这就是我到目前为止所做的:

我要做的是将黑色边框连接到蓝色框的左侧。实现这一目标的简单方法是什么?不,我不能只添加左边框:4倍纯黑
#集装箱li

应该是这样的:


编辑:我需要将边框移动到容器,而不是相反方向,因此在这种情况下,将填充设置为0没有帮助。

ul
元素上有默认填充。若要删除它,请将
ul{padding:0;}
(或
#container{padding:0;}
)添加到您的css中,所有内容都会看起来很漂亮

请在此处查看更新的示例:


ul
使用默认的
填充
尝试解决您的问题:

#container{
    padding:0;
}

我已经解决了你的问题。只需添加ul的css属性

ul{
    padding:0px;
  }

这很有帮助,我不知道这一点。虽然我忘了提及,但我需要将边框带到容器,而不是容器带到边框。@0x0700我认为最好的做法是删除
ul
上的填充,然后相应地定位该功能。要定位它,可以将填充或定位添加到另一个容器
div
,或仅添加边框
div
。使用这样一个容器会起作用,将两个元素居中的最佳方式是什么?我不确定你的意思。容器假定其内容的维度,因此所有内容都应该“居中”。不过,将容器与其他内容放在一起可能值得一提的新问题。如果我回答了这个问题,你能接受我的回答吗?