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
ablock
元素,将图像放入其中,并使图像垂直对齐
如果要保持p
内联
,那么真正需要做的就是将图像设置为垂直对齐,因为p
也设置为内联
我不知道为什么p
被设置为内联
;但是,由于img
是一个内联标记,因此可以使用vertical align
将其与其他inline
内容对齐
我继续制作p
ablock
元素,将图像放入其中,并使图像垂直对齐
如果要保持p
内联
,那么真正需要做的就是将图像设置为垂直对齐,因为p
也设置为内联
试试这个,
试试这个,
感谢我尝试了垂直对齐:居中代码>不起作用。@tryingtogetprogrammingright总是一些小东西。谢谢我试过垂直对齐:居中代码>这不起作用。@tryingtogetprogrammingright总是一些小事情。