Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.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 以<;p>;标签_Css_Position_Centering_Paragraph - Fatal编程技术网

Css 以<;p>;标签

Css 以<;p>;标签,css,position,centering,paragraph,Css,Position,Centering,Paragraph,我有一个img和一个p在div里面 我试图将p垂直居中。我试过线条高度和其他一些方法 这是它的样子 我希望“可爱的firefox恶作剧”垂直于img CSS img{ width: 50px; height: 50px; } li{ list-style-type: none; text-decoration: none; } a{ text-decoration: none; } li p{ display: inline; co

我有一个
img
和一个
p
div
里面

我试图将
p
垂直居中。我试过
线条高度
和其他一些方法

这是它的样子

我希望“可爱的firefox恶作剧”垂直于
img

CSS

img{
    width: 50px;
    height: 50px;
}

li{
    list-style-type: none;
    text-decoration: none;
}

a{
    text-decoration: none;
}

li p{
    display: inline;
    color: black;
    font-size: 25px;
    margin:0;
}
.

完成。

你所要做的就是添加
垂直对齐:中间
img

img {
    vertical-align:middle;
}
完成。

你所要做的就是添加
垂直对齐:中间
img

img {
    vertical-align:middle;
}

添加
垂直对齐:中间对齐到您的
img
规则。有关工作示例,请参见。

添加
垂直对齐:中间到您的
img
规则。请参阅以获取工作示例。

我不确定为什么
p
被设置为
inline
;但是,由于
img
是一个内联标记,因此可以使用
vertical align
将其与其他
inline
内容对齐

我继续制作
p
a
block
元素,将图像放入其中,并使图像垂直对齐

如果要保持
p
内联
,那么真正需要做的就是将图像设置为垂直对齐,因为
p
也设置为
内联


我不知道为什么
p
被设置为
内联
;但是,由于
img
是一个内联标记,因此可以使用
vertical align
将其与其他
inline
内容对齐

我继续制作
p
a
block
元素,将图像放入其中,并使图像垂直对齐

如果要保持
p
内联
,那么真正需要做的就是将图像设置为垂直对齐,因为
p
也设置为
内联

试试这个,

试试这个,


感谢我尝试了
垂直对齐:居中不起作用。@tryingtogetprogrammingright总是一些小东西。谢谢我试过
垂直对齐:居中这不起作用。@tryingtogetprogrammingright总是一些小事情。