Question

我想在HTML页面上创建一个带有文本的圆圈。与此类似的东西： https://jsfiddle.net/f5vctpth/1/

我现在使用bootstrap中的img-round类来完成它，但它不是动态的......

<div class="img-circle">

有没有办法在div中动态包装文本？

我发现了这个:(但还没有找到一种方法让它发挥作用。）

http://webplatform.adobe.com/Demo-for-Alice-s-Adventures-in-Wonderland/

Answer 1

尝试这个小提琴https://jsfiddle.net/f5vctpth/2/

将此添加到您的div overflow: hidden;它将起作用

           <div class="img-circle" style="
                width: 500px;
                height: 500px;
                background: #333;
                color: red;
                text-align: center;
            ">

在上面的样式中，您错过了overflow: hidden;将其添加到您的样式overflow: hidden;

替换为此代码，它将起作用

           <div class="img-circle" style="
                width: 500px;
                height: 500px;
                background: #333;
                color: red;
                text-align: center;
                overflow: hidden;
            ">

HTML文本换行圆框

1 个答案: