html - 跨越按钮导致问题

Question

我在一个按钮周围有一个跨度，出于某种原因，我制作的文本/按钮没有扩展容器的整个宽度，因此它们都在一条线上。我尝试将 like-links-button 以及链接本身的宽度设置为 100%。似乎没有任何效果。它在片段中有效，但在我的实际页面上无效。有什么想法为什么不呢？

#like-links a {
	font-size: 1.2em;
	text-decoration: none;
	width: 100%;
}
#like-links-button {
	padding: 15px 20px;
	border: 2px solid #000;
	-webkit-transition: ease-in-out .5s;
	transition: ease-in-out .5s;
	color: #000;
}

				<div id="like-links"><a href="discuss-project"><span id="like-links-button">DISCUSS DESIGN PROJECT</span></a></div>

Answer 1

将 display: inline-block 添加到你的 span 中使它看起来对我来说是正确的。