Question

嘿，我有一个文本模糊，周围有一个边框。无论出于何种原因，它都没有正确对中（稍微关闭）然后我添加了绝对位置，自动边距和左，右0;所以现在它正确居中，但文本周围的边界不断变化（由于引导程序）。我使用bootstrap来集中它，也因为文本对齐中心没有工作。我想在它周围留下来留在我在我的CSS中设置的填充，但是idk该做什么。

HTML＆amp; CSS示例代码段：

＆＃13;

.col-port,
h2 {
  margin-top: 200px;
  text-align: center;
  color: #D1946F;
}

.col-port {
  display: inline;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border: solid;
  border-color: #D1946F;
  padding: 10px 20px 10px 20px;
  font-size: 21px;
  white-space: nowrap;
}

.col-port-cont {}

.col-port:hover {
  background: #D1946F;
  color: white;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-port-cont col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2">
  <a href="Portfolio.html">
    <p class="col-port">THE COLLECTION PORTFOLIO</p>
  </a>
</div>

＆＃13;

使用边框居中文本元素（使用引导程序）但文本边框不断变化

0 个答案: