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_Css - Fatal编程技术网

圆形图像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=''吗$“我的缩略图。”第一次定义时是否在下面?