Css 将文本放置在具有固定高度的元素内
当我在css中制作徽章/按钮等时。我通常使用填充将文本放置在元素内部。我现在遇到了一种情况,这种情况不起作用Css 将文本放置在具有固定高度的元素内,css,Css,当我在css中制作徽章/按钮等时。我通常使用填充将文本放置在元素内部。我现在遇到了一种情况,这种情况不起作用 p标签的高度为50px。这意味着,如果我添加填充,总高度将非常大。是否有其他方法可以改变标签内文本的位置?您需要垂直或水平移动文本吗?如果是水平方向,可以使用文本缩进 如果要将文本放置在容器的垂直中心,并且只有一行文本,则可以将“行高”属性设置为与元素的高度相同 请提供准确的详细信息或代码示例,我将尽力提供帮助。无需使用高度,您可以使用以下类似的方法来正确执行此操作: .classnam
p标签的高度为50px。这意味着,如果我添加填充,总高度将非常大。是否有其他方法可以改变标签内文本的位置?您需要垂直或水平移动文本吗?如果是水平方向,可以使用文本缩进 如果要将文本放置在容器的垂直中心,并且只有一行文本,则可以将“行高”属性设置为与元素的高度相同
请提供准确的详细信息或代码示例,我将尽力提供帮助。无需使用高度,您可以使用以下类似的方法来正确执行此操作:
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:16px 33px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.classname:active {
position:relative;
top:1px;
}