无论我在div中点击锚标记，都会显示弹出窗口

Question

只是一个基本问题。

我有一个像这样的锚标记，

<div><a onclick="openModal();">Popup</a></div>

点击即可显示模态。这没什么问题。但是，因为div是一个块级元素，无论我在这个div中点击什么（意味着直到div的结尾），我的模态显示。我需要限制此操作仅限于点击文字＆＃34; 弹出＆＃34;

我知道通过给这个div增加宽度肯定会解决这个问题。除了将静态宽度设置为div之外，还有其他解决方法吗？

我尝试将display：inline-block赋予anchor标记。但没有任何线索。

谢谢，

Answer 1

必须有一个css属性display:block附加到该特定锚标记。你能和css一起提供你的代码片段吗？小提琴会起作用。

Answer 2

我怀疑您的<a>代码会从您的应用程序中继承一些样式。通常display:block;或display: inline-block;会导致他们占据其父div

的整个宽度和高度

您应该将display: inline;应用于您只希望文本触发弹出窗口的元素。

<强> JSFiddle