[Html/CSS] HTML中Li标签的使用示例

开发技术发布于：2021-09-15 11:06 | 阅读数：456 | 评论：0

希望实现标题在左对齐，日期在右对齐，当直接给日期的span加上float:right时，IE8和FF都OK，但IE6/7则会换行，下面给出一个简单有效的解决办法。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">       <html xmlns="https://www.w3.org/1999/xhtml">
<head>       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title></title>    <style>
       </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中日期右对齐。

免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群 QQ空间

返回列表

小蚂蚁 LV3

3393 经验

3387 文档

[Html/CSS] HTML中Li标签的使用示例

相关帖子

JavaScript怎样实现点击出现图片效果

HTML/JS/PHP网站底部获取当前年份代码

html+Js获取当前时间代码

nginx启ssi方法，宝塔面板nginx开启ssi

常用HTML网页跳转的几种方法

CSS3荧光灯文字闪烁动画特效

利用html+js触发弹窗事件

利用HTML、CSS和JS制作随机密码生成器

使用原生querySelectorAll和forEach来实现点击切换

免插件、DZ内置JS轻松实现外链访问二次确认对话提示框

小蚂蚁 LV3