Question

我在将Circle文本设置到正确位置时遇到问题。特别是它的垂直位置。它应该垂直和水平居中。这必须改变。

我试图在页面中间找一个按钮。其他两个div将在稍后填写。

＆＃13;

body {
    padding: 0;
    margin: 0;
    font-family: "Lato", sans-serif;
}

＆＃13;

<div style="background-color: grey; position: static;height: 80px">
	<div style="width: 45%; height: 80px; background-color: #123456; float: left;"></div>
	<div style="width: 10%; height: 80px;float: left; background-color: blue; text-align: center">
		<span style=" background-color: green; font-size: 70px; cursor:pointer; display: inherit; height: 80px" >&#9863;</span>
	</div>
	<div style="width: 45%; height: 80px; background-color: #123456; float: left;"></div>
</div>

＆＃13;

这很容易解决。谢谢你的时间。

Answer 1

在这种情况下，您可以使用line-height属性调整垂直对齐方式。请参阅下面的代码段。

body {
    padding: 0;
    margin: 0;
    font-family: "Lato", sans-serif;
}

<div style="background-color: grey; position: static;height: 80px">
	<div style="width: 45%; height: 80px; background-color: #123456; float: left;"></div>
	<div style="width: 10%; height: 80px;float: left; background-color: blue; text-align: center">
		<span style="line-height:1.2; background-color: green; font-size: 70px; cursor:pointer; display: inherit; height: 80px" >&#9863;</span>
	</div>
	<div style="width: 45%; height: 80px; background-color: #123456; float: left;"></div>
</div>

文本范围内，未正确定位

1 个答案: