Question

我用bootstrap模板制作了一些网站，但我从头开始只使用bootstrap css和jsquery，但我一直遇到<a>的预制样式问题，{ {1}}等等。

我可以在我自己的样式表中覆盖这些，这样我的所作所为，但我需要帮助在标题下指定一个副标题，以便它的文本 - 所有符号：对;但不会转到div宽度，但只有标题文字才会出现。

http://deliciousproductions.com.au/thepeople.com.au

标题链接到原始网站，因此您可以通过副标题看到我想要实现的外观。

<p>

我不确定如何在不杂乱这篇文章的情况下发布CSS。如果您理解我的问题，请回答：）

我使用col-lg-4然后将其偏移4（或三分之一）以使其居中。我只是使用文本中心，但我觉得我可以将文本对齐到div的边缘但是我意识到将div放到文本的确切宽度会非常挑剔..？< / p>

Answer 1

这是你想要实现的吗？

＆＃13;

.wrap {
  display: inline-block;
  text-align: right;  
}

.thepeople {
  font-size: 50px;
  color: red;
}
.agency {
  font-size: 15px;
  color: red;
}

＆＃13;

<div class="wrap">
  <span class="thepeople" onclick="location='http://thepeople.com.au'">the people</span>
  <p><span class="agency" onclick="location='http://thepeople.com.au'">agency</span></p>
</div>

＆＃13;

Answer 2

制作包含div inline-block然后它会折叠到它自己的宽度。

然后使用块标题元素，比如标题（，无论如何都是语义），而不是可以独立对齐文本的跨度。

＆＃13;

.parent {
  display: inline-block;
}
.agency {
  text-align: right;
}

＆＃13;

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<section id="top">
  <div class="container topbg">
    <div class="row">
      <div class="col-lg-4-offset-lg-4 text-center">
        <div class="parent">
          <h2 class="thepeople" onclick="location='http://thepeople.com.au'">the people</h2>
          <h3 class="agency" onclick="location='http://thepeople.com.au'">agency</h3> 
        </div>
      </div>
    </div>
  </div>

＆＃13;

将标题下方的字幕与标题的最后一个字母对齐

2 个答案: