圆形图像css
这行代码加载一个链接,上面有一个图像圆形图像css,css,Css,这行代码加载一个链接,上面有一个图像 <li class="post-nav-wrap"> <?php $prevPost = get_previous_post(true); if($prevPost) { $prevthumbnail = get_the_post_thumbnail($prevPost->ID, array(100,100) ); } previous_p
<li class="post-nav-wrap">
<?php
$prevPost = get_previous_post(true);
if($prevPost) {
$prevthumbnail = get_the_post_thumbnail($prevPost->ID, array(100,100) );
}
previous_post_link('%link',"$prevthumbnail %title", TRUE);
?>
</li>
我想要的是图像完全圆整。我知道如何处理立方体大小的图像。(像高度和宽度一样)但这张图像是一个矩形(265像素x 110像素)。是否可以在css中使其完全四舍五入
img{
边界半径:100%;
}
img{
边界半径:100%;
}
您可以试试这个:
div {
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
width: 500px;
height: 500px;
}
您可以试试这个:
div {
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
width: 500px;
height: 500px;
}
这可以非常直接地实现->
只需在图像中添加一个类即可->>
。四舍五入{
flex:无;
宽度:48px;
高度:48px;
边界半径:50%;
对象匹配:覆盖;
}
这可以非常直接地实现->只需在图像中添加一个类即可->>
。四舍五入{
flex:无;
宽度:48px;
高度:48px;
边界半径:50%;
对象匹配:覆盖;
}
如果问题与php/wordpress无关,请不要用php/wordpress标记问题。好的,对不起,我想是因为它在wordpress中。但我看这没什么区别。别担心,我的评论并不是粗鲁/冒犯,只是想告诉你:)@Epodax这个解决方案需要修改PHP,在某种意义上与WordPress相关。标记是正确的。如果问题与php/wordpress无关,请不要用php/wordpress标记问题。好的,对不起,我想是因为它在wordpress中。但我看这没什么区别。别担心,我的评论并不是粗鲁/冒犯,只是想告诉你:)@Epodax这个解决方案需要修改PHP,在某种意义上与WordPress相关。标签是正确的。WordPress返回一个
元素,除非你改变PHP,否则你不能使用background-image。WordPress返回一个
元素,除非你改变PHP,否则你不能使用background-image。这是一个很好的答案!最后一个是我需要的。但是我无法从文本中分割图像。因此,如果我使用包装器,文本将位于同一个div中。@Kas您可以尝试添加$prevthumbnail=''吗$“我的缩略图。”代码>第一次定义它的时候就在下面?这是一个很好的答案!最后一个是我需要的。但是我无法从文本中分割图像。因此,如果我使用包装器,文本将位于同一个div中。@Kas您可以尝试添加$prevthumbnail=''吗$“我的缩略图。”代码>第一次定义时是否在下面?