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添加到您的展示位置会让它看起来正确。

Answer 2

例如，您需要通过public class Form2 : Form { Form _form1; public Form2(Form1 frm) { _form1 = frm; } //In event handler private void dataGridView_CellMouseClick(object sender, DataGridViewCellMouseEventArgs e) { //set the value ((TextBox)_form1.Form1Text).Text = dataGridView.SelectedRows[0].Cells[1].Value.ToString(); } }向您的范围提供block formating context （基本上用于处理浮动元素）。它的defaut display为display，因此，它不会像您期望的那样采用垂直 inline或padding。

margin

#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;
  display:inline-block;/* make me behave like a box */
}

跨越按钮导致问题

2 个答案: