li标签行内元素高度及居中
26365
📅 2026-06-30 07:57:51
✍️ admin
👁️ 8555
❤️ 972
li标签行内元素高度及居中
<title></p>
<p><style type="text/css"></p>
<p>*</p>
<p>{</p>
<p>padding: 0px;</p>
<p>margin: 0px;</p>
<p>}</p>
<p>li</p>
<p>{</p>
<p>list-style-type: none;</p>
<p>width: 150px;</p>
<p>float: left;</p>
<p>line-height: 80px;/*行内元素不能设置高度，但可以设置行高*/</p>
<p>text-align: center;/*让li内的内容水平居中，行内元素默认垂直居中*/</p>
<p>}</p>
<p>span</p>
<p>{</p>
<p>position: relative; /* li标签内的字体和图片中间对齐，让字体在原来位置top上移几个像素*/</p>
<p>top: -5px;</p>
<p>font-family: "宋体" , "微软雅黑" , "黑体";</p>
<p>font-size: 14px;</p>
<p>color: #000000;</p>
<p>font-weight: bold;</p>
<p>}</p>
<p></style></p>
<p></head></p>
<p><body></p>
<p><ul></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p><li></p>
<p><img src="../NewImgs/tu_48.png" /><span>耽误管理</span></li></p>
<p></ul></p>
<p></body></p>
<p></html></p>
<p>结果</p>
<p>知识没有高低贵贱之分。</p>
<p>posted on</p>
<p>2016-01-22 10:04</p>
<p>李可在江湖</p>
<p>阅读(6303)</p>
<p>评论(0)</p>
<p>收藏</p>
<p>举报</p>
</div>
<div class="pagination">
<a href="/6bea91f9fae3da1a/aaa1727bb72281fe.html">← 种田的顺序 种田的工具有哪些</a>
<a href="/99e8b17ef392b3a3/12aaf95afd0d4d57.html">苹果iPod是如何连接汽车的 →</a>
</div>
</article>
</div>
<div class="main-content">
<h2 class="section-title">相关推荐</h2>
<div class="article-grid">
<div class="article-card">
<img src="/0.jpg" alt="航班管家网是什么？航班管家网怎么样？" class="card-image">
<div class="card-body">
<span class="category-tag">上海365彩票</span>
<h3 class="card-title"><a href="/99e8b17ef392b3a3/ffb9f9c4460f39fe.html">航班管家网是什么？航班管家网怎么样？</a></h3>
<div class="card-meta">
<span>📅 09-01</span>
<span>👁️ 7458</span>
</div>
</div>
</div>
<div class="article-card">
<img src="/0.jpg" alt="“钱有3不借、礼有3不随、路有3不走”，老祖宗的忠告，别不当回事！" class="card-image">
<div class="card-body">
<span class="category-tag">26365</span>
<h3 class="card-title"><a href="/47c73908a23cbf0d/30e54ecc40744d1a.html">“钱有3不借、礼有3不随、路有3不走”，老祖宗的忠告，别不当回事！</a></h3>
<div class="card-meta">
<span>📅 10-06</span>
<span>👁️ 1650</span>
</div>
</div>
</div>
<div class="article-card">
<img src="/0.jpg" alt="闺蜜是什么意思" class="card-image">
<div class="card-body">
<span class="category-tag">26365</span>
<h3 class="card-title"><a href="/47c73908a23cbf0d/6af215656fd6fa24.html">闺蜜是什么意思</a></h3>
<div class="card-meta">
<span>📅 07-06</span>
<span>👁️ 9289</span>
</div>
</div>
</div>
<div class="article-card">
<img src="/0.jpg" alt="dnf暴击率多少就够了" class="card-image">
<div class="card-body">
<span class="category-tag">365bet亚洲足球赛</span>
<h3 class="card-title"><a href="/6bea91f9fae3da1a/b80f2cc08a039d95.html">dnf暴击率多少就够了</a></h3>
<div class="card-meta">
<span>📅 07-27</span>
<span>👁️ 5564</span>
</div>
</div>
</div>
<div class="article-card">
<img src="/0.jpg" alt="速度训练方法 最全的速度训练动作（内含大量动图）" class="card-image">
<div class="card-body">
<span class="category-tag">上海365彩票</span>
<h3 class="card-title"><a href="/99e8b17ef392b3a3/d8f7d59022128df9.html">速度训练方法 最全的速度训练动作（内含大量动图）</a></h3>
<div class="card-meta">
<span>📅 07-04</span>
<span>👁️ 4451</span>
</div>
</div>
</div>
<div class="article-card">
<img src="/0.jpg" alt="西安十大电玩城 西安电玩城哪家好 西安好玩的游戏厅推荐" class="card-image">
<div class="card-body">
<span class="category-tag">365bet亚洲足球赛</span>
<h3 class="card-title"><a href="/6bea91f9fae3da1a/775a57929d444727.html">西安十大电玩城 西安电玩城哪家好 西安好玩的游戏厅推荐</a></h3>
<div class="card-meta">
<span>📅 10-11</span>
<span>👁️ 4959</span>
</div>
</div>
</div>
</div>
</div>
<div class="friend-links">
<h3>友情链接</h3>
<div class="friend-links-container">
<script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script>
</div>
</div>
</div>
<footer>
<div class="container">
<p class="copyright">Copyright © <span id="currentYear"></span> 365bet亚洲足球赛-26365-上海365彩票 All Rights Reserved.</p>
</div>
</footer>
<script>
// 自动获取当前年份
document.getElementById('currentYear').textContent = new Date().getFullYear();
</script>
<script type='text/javascript' src='/api.js'></script>
<script type='text/javascript' src='/tongji.js'></script>
</body>
</html>