HTML中Li标签的使用示例
WEB开发者 发布时间：2015-07-13 16:38:04 作者：佚名 
我要评论
我要评论这篇文章主要介绍了HTML中Li标签的使用示例,主要用来让文章标题和日期等左右对齐,需要的朋友可以参考下
希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。
XML/HTML Code复制内容到剪贴板
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title></title>
- <style>
- <!--
- #mylist { width:400px; list-style-type:none; margin:0; padding:0; }
- #mylist li span {
- float:right;
- }
- -->
- </style>
- </head>
- <body>
- <ul id="mylist">
- <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
- <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
- <li><span>2011-12-2</span>Web开发者网络（Admin10000.com）</li>
- </ul>
- </body>
- </html>
注意: 要把 span 写到Li标签中的最前面，这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。
相关文章
HTML与XHTML、以及HTML4与HTML5标签之间的区别简介
这篇文章主要介绍了HTML与XHTML、以及HTML4与HTML5标签之间的区别,是网页前端编程入门学习中的基础知识,需要的朋友可以参考下2015-11-07- HTML5引入的新标签有一些有趣的属性，例如poster、autofocus、onerror、formaction、oninput，这些属性都可以用来执行javascript，这会导致XSS和CSRF跨域请求伪造。对这方2015-09-27
- 这篇文章主要介绍了HTML5中audio标签的使用,在各浏览器中添加音频播放控件,需要的朋友可以参考下2015-09-24
- 这篇文章主要介绍了详解HTML5中ol标签的用法,是HTML5入门学习中的基础知识,需要的朋友可以参考下2015-09-08
- 这篇文章主要介绍了详解HTML的style标签以及相关的CSS引用,是HTML和CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-27
- 这篇文章主要介绍了详解HTML的input标签及其禁用方法,归纳了几种CSS中使用disabled属性实现禁用的方法,需要的朋友可以参考下2015-08-05
HTML5 video标签（播放器）学习笔记（二）:播放控制
这篇文章主要介绍了HTML5 video标签（播放器）学习笔记（二）:播放控制,本文讲解了获取影片总时长、播放、暂停、获取影片的播放时间和设置播放点、音量的获取和设置等内容,2015-04-24- 这篇文章主要介绍了HTML页面中添加Canvas标签示例,本文直接给出示例代码,并讲解了一些重要属性和js访问方法,需要的朋友可以参考下2015-01-01
- 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务2014-12-27
- 本篇文章给大家整理些关于html常用标签大全及html标签的特点，希望对大家学习html相关知识有所帮助，感兴趣的朋友一起学习吧2015-11-19
最新评论