相关疑难解决方法(0)

如何确保文本在舍入div内？

我想让我的圆形div保留文本.就像你在图像上看到的那样圆形div与文本内联

我怎么能用CSS做到这一点？因为我的圆形div,会有像平方的文字. http://jsfiddle.net/kUJq8/

div {
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: #333;
    color: #FFF;
}

Run Code Online (Sandbox Code Playgroud)

html css css3

msc*_*egg

lucky-day

23
推荐指数

2
解决办法

4080
查看次数

位于两个文本块之间的图像外部的形状

我想要在两个文本块之间有一个图像，并将所有这些都居中。图像应该具有shape-outside允许文本以圆形形状溢出的属性，如下所示：

在哪里：

红色块=文本
黑色圆圈=图像

我当前的代码用于flex将整个内容居中，但事实证明shape-outside不起作用。

div{
  display:flex;
  flex-flow:row nowrap;
}
img{float:left;
shape-outside:circle(100px at 50%);
width:200px;height:200px;}
p{width:600px;}

Run Code Online (Sandbox Code Playgroud)

<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex sapiente iste repudiandae aspernatur, illum esse veniam eligendi, dolor consequuntur iure, cumque laudantium quidem ratione perferendis minima dignissimos debitis! Sed, placeat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex sapiente iste repudiandae aspernatur, illum esse veniam eligendi, dolor consequuntur iure, cumque laudantium quidem ratione perferendis minima dignissimos …

Run Code Online (Sandbox Code Playgroud)

css css-shapes

aMJ*_*Jay

2019 03-21

5
推荐指数

1
解决办法

526
查看次数