Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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
Html 内联显示图像和文本_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 内联显示图像和文本

Html 内联显示图像和文本,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我很难在标题的每一侧都获得图像。我曾经尝试过display:inline块,但这对我来说并不适用。 这是你的电话号码 imgur的图片可能不会出现,但你知道了。 应该是这样的: 详细信息:使用Bootstrap v3.3.1您需要将显示:内联块添加到实际元素,而不是父元素: .inline-image img, .inline-image h3{ display:inline-block; vertical-align: middle; } 然后可以将垂直对齐属性调整为中间 .

我很难在标题的每一侧都获得图像。我曾经尝试过display:inline块,但这对我来说并不适用。 这是你的电话号码

imgur的图片可能不会出现,但你知道了。 应该是这样的:


详细信息:使用Bootstrap v3.3.1

您需要将
显示:内联块
添加到实际元素,而不是父元素:

.inline-image img, .inline-image h3{
   display:inline-block;
   vertical-align: middle;
}
然后可以将
垂直对齐
属性调整为
中间

.inline-image img, .inline-image h3{
   display:inline-block;
   vertical-align: middle;
}