只使用css和html能实现给一个标签下的所有文字下方或者文字上方加点吗(多少字符加多少点)
(所有文字下方加点)
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.spot {
position: relative;
}
.spot:before {
content: "."; position: absolute; top: 8px; left: 4px;
}
</style>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function () {
var text = $(".text").text();
var arr = [];
for (var i = 0; i < text.length; i++) {
arr.push(text.charAt(i));
}
console.log(arr)
var str = "";
arr.forEach(function (item) {
item = "<span class='spot'>" + item + "</span>";
str += item;
})
$(".text").html(str);
})
</script>
</head>
<body>
<p class="text">测试点号</p>
<div style="display: flex;">
<p class="spot">测</p><p class="spot">试</p><p class="spot">点</p><p class="spot">号</p>
</div>
</body>
</html>
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
5 回答1.9k 阅读
兼容性一般的原生属性:text-emphasis