Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在div中垂直居中的文本_Css_Positioning_Centering - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 在div中垂直居中的文本

Css 在div中垂直居中的文本

css

Css 在div中垂直居中的文本,css,positioning,centering,Css,Positioning,Centering,我在垂直居中放置下面div中的文本时遇到很多问题。如果有人能帮我做到这一点，我将不胜感激 这就是我所尝试的： <div class="input-label" style="vertical-align:middle;">Toys:</div> 非常感谢 在div样式中，在垂直对齐之前插入一个“显示：表格单元格；”。在div样式中，在垂直对齐之前插入一个“显示：表格单元格；”。尝试添加行高：30px添加到CSS。尝试添加行高：30px到CSS。尝试添加行高：30px不要

我在垂直居中放置下面div中的文本时遇到很多问题。如果有人能帮我做到这一点，我将不胜感激

这就是我所尝试的：

<div class="input-label" style="vertical-align:middle;">Toys:</div>
非常感谢

在div样式中，在垂直对齐之前插入一个“显示：表格单元格；”。

在div样式中，在垂直对齐之前插入一个“显示：表格单元格；”。

尝试添加
行高：30px添加到CSS。
尝试添加
行高：30px到CSS。
尝试添加
行高：30px不要使用
div.input-label
。只需使用
标记即可。@Torr3nt谢谢您的回复！将您的评论作为答案发布，以便我可以标记为解决方案；）尝试添加
行高：30px不要使用
div.input-label
。只需使用
标记即可。@Torr3nt谢谢您的回复！将您的评论作为答案发布，以便我可以标记为解决方案；）

<div class="input-label" >Toys:</div>



.input-label
{
   background-color:#7a86d0; 
   height:30px; 
   float:left; 
   width:130px; 
   text-align:right; 
   font-weight:bold; 
   padding-right:10px; 
}