jquery - 我想在 <img> 标签中对齐 <p> 标签

Question

当我将鼠标悬停在 img 上时，我想显示一个段落。 我现在拥有的代码可以做到这一点，但问题是，该段落比 img 更宽。我希望它的宽度与 img 完全一样(但我不想给出宽度 px)这是我的代码，但我从 css 中删除了一些代码行，我留下了重要的代码(我也不知道为什么 jquery不起作用，因为我没有任何 jquery 和 jsfiddle 经验)

jsFiddle Demo

    <div class="container pt">
        <div class="row mt centered">   
            <h1>Bestuur</h1>
            <div class="col-lg-4">
                <a class="zoom green">
                    <span class="test">
                        <img src="http://i.imgur.com/gXHM44W.jpg" title="source: imgur.com" />
                    </span>
                    <p>"Ik ben Samir Aliyev en ik ben 18 jaar oud.</br> AZJN is altijd mijn passie geweest, door AZJN heb ik heel veel sociale contacten gekregen binnen Nederland met Azerbeidzjaanse jongeren. Ik heb mezelf niet alleen ontwikkeld qua sociaal zijn maar ook op zakelijke manieren. Zo hebben we bijvoorbeeld heel veel brieven geschreven naar formele instanties, evenementen georganiseerd die voor goede doelen waren en buitenlanders kennis laten maken met Azerbeidzjan. Meestal ben ik bezig met multimedia van AZJN, dus tijdens evenementen zie je me meestal met een Foto-apparaat lopen of een Camera. Ik zit al vanaf het begin in het AZJN-team en ik ben ook niet van plan om eruit te stappen! "</p>
                    <p>test</p>
            </div>
    </div>
</div>

Answer 1

你为什么不想使用宽度？你知道你也可以使用 width: 100% 如果您不想使用固定宽度，请在您的 css 中添加类似内容。您似乎也忘记了正确关闭某些标签。如果你能以某种方式管理我会尝试用 CSS 来做到这一点，因为这实际上是一个如何在屏幕上安排事物的问题 (-->CSS)。所以试试 width: 100%或放置 <p>在图片标签内(见下文)并使用相对定位 ( position: relative; left: ??px/em/% right: ??px/em/% top: ... bottom: ... )

最肯定的关闭标签如下所示:

<div class="container pt">
        <div class="row mt centered">   
        <h1>Bestuur</h1>
            <div class="col-lg-4">
                <a class="zoom green"></a><img src="http://i.imgur.com/gXHM44W.jpg" title="source: imgur.com" class="test">

<p>"Ik ben Samir Aliyev en ik ben 18 jaar oud.</br> AZJN is altijd mijn passie geweest, door AZJN heb ik heel veel sociale contacten gekregen binnen Nederland met Azerbeidzjaanse jongeren. Ik heb mezelf niet alleen ontwikkeld qua sociaal zijn maar ook op zakelijke manieren. Zo hebben we bijvoorbeeld heel veel brieven geschreven naar formele instanties, evenementen georganiseerd die voor goede doelen waren en buitenlanders kennis laten maken met Azerbeidzjan. Meestal ben ik bezig met multimedia van AZJN, dus tijdens evenementen zie je me meestal met een Foto-apparaat lopen of een Camera. Ik zit al vanaf het begin in het AZJN-team en ik ben ook niet van plan om eruit te stappen! "</p></img>

                <p>test</p>
            </div>
    </div>
</div>

希望对您有所帮助! :)