HTML+CSS 居中列表展示视频数据 - 示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>居中列表展示视频数据</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
margin-top: 50px;
}
ul {
list-style: none;
padding: 0;
margin: 0 auto;
text-align: left;
width: 500px;
}
li {
margin-bottom: 10px;
}
.label {
display: inline-block;
width: 150px;
font-weight: bold;
}
</style>
</head>
<body>
<h1>视频信息</h1>
<ul>
<li><span class='label'>视频时长:</span> 100.4秒</li>
<li><span class='label'>平均播放:</span> 24.8秒</li>
<li><span class='label'>发布时间:</span> 2023-03-31 16:08:49</li>
<li><span class='label'>播放量:</span> 1.07万</li>
<li><span class='label'>粉丝观看:</span> 5639次</li>
<li><span class='label'>铁粉观看:</span> 2242次</li>
<li><span class='label'>完播率:</span> 18.84%</li>
<li><span class='label'>粉丝观看:</span> 19.9%</li>
<li><span class='label'>铁粉观看:</span> 25.2%</li>
<li><span class='label'>平均播放时长:</span> 24.8s</li>
<li><span class='label'>粉丝:</span> 23.5s</li>
<li><span class='label'>铁粉:</span> 23.5s</li>
<li><span class='label'>2s跳出率:</span> 32.4%</li>
<li><span class='label'>粉丝:</span> 30.8%</li>
<li><span class='label'>铁粉:</span> 29.8%</li>
<li><span class='label'>5秒完播率:</span> 43.79%</li>
</ul>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/mymL 著作权归作者所有。请勿转载和采集!