Question

我正努力成为我网站的顶尖人物。我需要在徽标和边框中的名称之间留出更多的间距。我的CSS：

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

li {
float: left;
}

.list {
border-style: ridge;
border-color: green;
border-width: 25px;
}

我想在图像和名称之间留出更多的空间，现在距离大约一厘米或两英寸。

Answer 1

使用＆＃39; margin＆＃39;在任何已定义边框之外创建元素周围空间的属性。有一些属性可以为元素的每一边设置边距（margin-top，margin-right，margin-bottom和margin-left）。

示例代码

div {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 100px;
  }

如果您想在元素的内容周围或任何已定义的边框内生成空间，请使用＆＃39; padding＆＃39;。

示例代码

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  }

有关详细信息，请参阅以下链接。

https://www.w3schools.com/css/tryit.asp?filename=trycss_margin_sides https://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_menu

Answer 2

您始终可以使用margin-right并将其应用于徽标。但请记住，不要让它在较小的屏幕上弄乱您的布局。

Answer 3

使用保证金：0 15px; （边缘）或者，保证金：15px 0 :(上下保证金）

但是如果你想要边框和内容之间的空间使用填充。

如何在水平无序列表之间插入空格

3 个答案: