Question

我有一个段落<p>...</p>，其中包含我想要在点击NAME时在页面上居中的链接图像。默认位于浏览器的左上角。

研究让我学习了模态。我创建了一个可以实现我想要的模态，但这又创造了另一个问题。它会在链接后的段落中创建换行符。

<p>
  The Organizational meeting was held Friday evening.
  A special presentation was made by <a href="images/name.jpg" target="_self">NAME</a> of... 
  Also at the meeting, <a href="images/anothername.jpg" target="_self">ANOTHER NAME</a>...
</p>

这会导致图像在浏览器的左上角打开，并使用后退箭头返回页面。

这是在段落中使用模态的代码。

<p>The Organizational meeting was held Friday evening. A special presentation was made by <a href="#" data-toggle="modal" data-target="#myModal2"><b>NAME</b></a>
    <div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">            
                <h4 class="modal-title" id="myModalLabel">NAME</h4>
                </div>              
                <div class="modal-body">
                <img src="images/name.jpg" class="img-responsive">
                </div>
                <div class="modal-footer"
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

同样在会上 ANOTHERNAME 的
ANOTHERNAME 关

这给了我一个弹出窗口中的图像，淡入屏幕中心，我可以关闭它并在当前页面上。美丽！

但是在段落中，在NAME之后，有一个换行符或行间距大于CSS中指定的行间距。但在ANOTHERNAME之后，没有换行符或更大的间距。为什么不同？ <p>标签中是否允许模态div？单击时在同一页面上实现居中图像的最佳方法是什么？

Answer 1

我解决了我的问题。问题是由（段落）标签引起的。在之前添加了一个封闭的段落标记

第

1 个答案: