Question

使用bootstrap 3，继承导航栏中的snippit。两者都是跨度所以应该是内联的吗？

<a href="#">
    <span><img src="images/brand/pgblocks-logo-white-nostrap.png" class="brand-img img-responsive"></span>
    <span><h3>test test</h3></span>
</a>

Answer 1

试试这个

<nav class="navbar navbar-default">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">
            <span><img src="#"/></span>
            Logo Title
        </a>
    </div>
</nav>

Answer 2

试试这个：）

span img {
  float:left;
}

<a href="#">
    <span><img src="https://www.ucl.ac.uk/prospective-students/graduate/images/test/placeholder-200x200"></span>
    <span><h3>test test</h3></span>
</a>

Answer 3

因为images = [] stories = Story.query.filter(Story.user == user.key) stories = stories.fetch(size) for story in stories: images.extend(ndb.get_multi(story.images)) print images是一个块元素。

h3

任何人都可以解释为什么这个文本位于img下面而不是它旁边？

3 个答案: