我想窝span和a标签.我是不是该
<span>里面<a><a>里面<span>在我的随机测试期间,我看到了一种行为,我将锚标记放在另一个锚标记内.我做了一个jsfiddle.
<a class="groupPopper">
<a class="name"> content</a>
</a>?
Run Code Online (Sandbox Code Playgroud)
但在开发人员工具中它看起来不同:

我相信我们不能将锚标记放在另一个锚标记内,因为单击内部锚点会将click事件冒泡到父锚标记,这不应该被允许.
我的假设是否正确?
我知道这已经很多次了,但在我的具体情况下我找不到任何解决方案.
我有一个导航栏,<li>如果你愿意,我希望整个链接"或"可点击".现在只有<a>(和<div>我已经摆弄的)是"可点击的".
我尝试过这种li a {display: inner-block; height: 100%; width: 100%}方法,但结果却很可怕.
源代码可以在这里找到:http://jsfiddle.net/prplxr/BrcZK/
<!DOCTYPE html>
<html>
<head>
<title>asdf</title>
</head>
<body>
<div id="wrapper">
<div id="menu">
<div id="innermenu">
<ul id="menulist">
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk1</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk2</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk3</div></a></li>
<li class="menuitem"><a href="index.php"><div class="menulink">Lnk4</div></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
有人有一个很好的解决方案吗?
先感谢您!
这不会一直发生.如果无法复制,错误不是错误!
首先,我认为这是我的年轻编程技巧的错误,但在我的两个网站中出现同样的错误,显然是在相同的情况下.
<a style="display:block;" href="link">
<div>text1</div>
<div>text2</div>
</a>
Run Code Online (Sandbox Code Playgroud)
有时,在浏览时,与其中的divs 链接呈现奇怪的情况,页面上出现重复的元素,没有任何理由,文本在不同的链接之间分配,真是一团糟.
真实的截图:
http://cupacupelor.ro/img/help.jpg
http://www.carbroker.ro/img/help.jpg
有谁遇到过这个问题?有解决方案吗?我对涉及JavaScript的修复不感兴趣!
当我将整个div作为链接时,如何才能使文本不是蓝色?
所以在下面的代码片段中:
<a href="/link"><div><h2>LINK</h2></div></a>
Run Code Online (Sandbox Code Playgroud)
我想让整个div链接到另一个页面,但也不希望将字符串设置LINK为蓝色,就像通常的链接对象一样.
当我写下面的CSS:
a {text-decoration: none; background-color: none; }
Run Code Online (Sandbox Code Playgroud)
它根本没有变化.
[更新]
谢谢你的答案.我想放在div里面的原因a是我想制作块可链接对象(点击块然后转到另一页).我先放入a内部div,但它没有用,这就是我把它放在外面的原因div.(我使用HTML5和CSS3).
我想做一个div可点击,但在这里<div>我有另一个<div>也应点击或链接.
HTML
<a href="#">
<div class="box">
<div class="plus"><img src="aaa.jpg"/></div>
</div>
</a>
Run Code Online (Sandbox Code Playgroud)
CSS
.box{
float:left;
width:100px;
height:100px;
}
.plus{
float:left;
width:30px;
height:30px;
}
Run Code Online (Sandbox Code Playgroud)
我可以将两个<div>链接和不同的链接?
这是正确的方式使用div里面a href?
我刚刚经历了一个我当前的项目,并删除了多余的html和css,在不需要的地方删除了div,例如不需要div的abjects,我想知道,为什么我们需要围绕一切:
<a href="Cake">
<div>
<p>This is not a lie.</p>
</div>
</a>
Run Code Online (Sandbox Code Playgroud)
为什么不允许简单地允许:
<div href="Cake">
<p>This is not a lie.</p>
</div>
Run Code Online (Sandbox Code Playgroud) 我想创建一个带有渲染方法的 React 组件,该方法具有一个<a>包装整个“盒子”的标签,如果你愿意,它会在单击时重定向到另一个页面。在所述框内有一个<button>可以点击激活改变状态的事件。我希望能够做的是单击<button>并触发事件,而不会<a>发生来自标记的重定向。
用 stopPropagation() 尝试了一些想法,但没有运气:/我也不想将按钮移到<a>标签之外,所以不知道从哪里开始。
看起来它应该很简单,但我就是想不通。谢谢!
渲染方法如下所示:
render(){
return(
<div>
<a href="http://www.google.com">
<div className="box">
<h2 className="title">Random Title</h2>
<button onClick={this.handleClick}> Like </button>
</div>
</a>
</div>
)
}
Run Code Online (Sandbox Code Playgroud)
handleClick() 看起来像这样:
handleClick = () => {
if (this.state.liked) {
console.log("disliking")
} else {
console.log("liking")
}
this.setState({ liked: !this.state.liked})
}
Run Code Online (Sandbox Code Playgroud) 我想在我网站的横幅中互相嵌入一些链接,例如:
<a href="/" class="hero-image">
<a href="/some-page" class="navigation-button">Some page</a>
<a href="/some-other-page" class="navigation-button">Some other page</a>
<a href="/yet-another-page" class="navigation-button">Yet another page</a>
</a>
Run Code Online (Sandbox Code Playgroud)
并且页面特定的内部链接显示在大横幅链接的顶部,该链接将用户返回到网站的主页.
html ×9
css ×4
html5 ×2
anchor ×1
colors ×1
css3 ×1
html-lists ×1
hyperlink ×1
javascript ×1
navigation ×1
reactjs ×1