Php 表行数据的动态缩略图

我想知道如何从表格的行中创建动态的徽标缩略图，如下图所示

我使用的代码如下：

.numberrcle{
边界半径：50%；
宽度：30px；
高度：30px；
填充：8px；
背景：ddd；
边框：2个实心#666；
颜色：白色；
文本对齐：居中；
字体：16px Arial，无衬线；
}

---

您可以尝试引导的媒体组件

<div class="media">
   <img src="..." class="mr-3" alt="...">
    <div class="media-body">
       <h5 class="mt-0">Media heading</h5>
       Cras sit amet nibh libero.
    </div>
</div>

媒体标题
坐在那里，我是自由女神。

---

这是一个演示：

您可以改为使用JS和jQuery。别忘了添加jQuery库

<div class="numberCircle"></div>
<p class="content">Lorem Ipsum Dormitor</p>

<script>
    var text = $('.content').text().split(" ");
    var cap = [];
    for (let i = 0; i < 2; i++) {
        var getCap = text[i].charAt(0);
        cap.push(getCap)
    }

    $('.numberCircle').text(cap[0] + cap[1])
</script>

Lorem Ipsum宿舍

var text=$（'.content'）.text（）.split（“”）；
var上限=[]；
for（设i=0；i<2；i++）{
var getCap=text[i].charAt（0）；
盖。推（盖）
}
$（'.numberCircle'）.text（第[0]章+第[1]章）

您正在使用哪个PHP框架/CMS？还是原始PHP？我正在使用原始PHP和BootstrapThank您的答案。我想知道我们有没有办法得到阿凡达符号（UT）而不是键入它？