Question

main p, main h2, main h3, main h4 {
  width: 268px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}
.center {
  margin: 0 auto;
  width: 268px;
  height: 100px;
  text-align: center;
}

.orange-button {
  padding: 10px;
  border: 1px solid black;
}

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <main>
    <h4>
    Zapraszam!
    </h4>
    <div class="center">
      <a class="orange-button" href="#">
      Przejdź do strony głównej!
      </a>
    </div>
  </main>
</body>
</html>

正如您在button的代码段填充中所看到的那样超越div .center

另外，他的边框会移到h4元素上方。

我不确切知道这里发生了什么以及发生了什么。

button周围的边框不应超出.center div，尤其不应该转到h4

Answer 1

在display: inline-block css

中添加orange-button

＆＃13;

main p, main h2, main h3, main h4 {
  width: 268px;
  height: auto;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}
.center {
  margin: 0 auto;
  width: 268px;
  height: 100px;
  text-align: center;
}

.orange-button {
  padding: 10px;
  border: 1px solid black;
  display: inline-block;
}

＆＃13;

<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <main>
    <h4> Zapraszam!</h4>
    <div class="center">
      <a class="orange-button" href="#">
        Przejdź do strony głównej!
      </a>
    </div>
  </main>
</body>
</html>

＆＃13;

Answer 2

你的CSS只有一个变化，

请在display: block;课程中添加.orange-button css。你无需做任何其他事情。

感谢。

Answer 3

＆＃13;

       set<int>::iterator ii = find(set1.begin(),set1.end(),"element to be searched");

＆＃13;

set<int>::iterator ii = find(set1.begin(),set1.end(),4);
 if(ii!=set1.end())
 {
    cout<<"element found";
    set1.erase(ii);// in case you want to erase that element from set.
 }

＆＃13;

这是你想要的吗？

其他元素上的一个元素，以及div之外的填充Html，Css

3 个答案: