我想知道如何从表格的行中制作 Logo 的动态缩略图,如下图所示?
我正在使用下面的代码:
.numberCircle {
border-radius: 50%;
width: 30px;
height: 30px;
padding: 8px;
background: #ddd;
border: 2px solid #666;
color: white;
text-align: center;
font: 16px Arial, sans-serif;
}
<?php
$words = preg_split("/\s+/", "Unnamed Template",2);
foreach ($words as $w) {
$acronym .= $w[0];
}
?>
<div class="numberCircle">
<?php echo $acronym;?>
</div>
我正在使用 PHP、HTML 和 Bootstrap 进行 Web 开发。有没有这样的包/工具?
谢谢。
最佳答案
您可以改用 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>
关于php - 表格行数据的动态缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55998975/