Question

这是我的jsfiddle：http://jsfiddle.net/zrqx5e34/

我已经创建了简单的圆形图像，现在我想在两个图像之间添加段落，

需要在图像之间显示右侧。

我可以知道怎么做吗？谁能帮我？提前谢谢。

http://s9.postimg.org/uloaz1mnj/Untitled_1.png

的CSS：

.circular {
    width: 100px;
    height: 100px;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    background: url('img/saina1.png') no-repeat;
    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
    margin-bottom: 130px;
    position: relative;
    }
.circular:after {
    background-color: green;
    content: "";
    display: block;
    height: 128px;
    position: absolute;
    bottom: 100px;
    width: 2px;
    left: 50px;
}
.circular:first-child:after {
    display: none;
}

Answer 1

请尝试以下操作： Demo

由于您要限制圆形类宽度，因此在将文本放入其中时无法显示它。所以我们只能实现这样的目标

<强> CSS：

.circular > p{
    margin-top:90px;
    margin-left:70px;
    float:left;
    height:128px;
    width:100%;
    overflow:hidden;
}

如何在CSS中添加两个图像之间的段落

1 个答案: