Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

  • 本篇文章具体介绍如下

这篇文章主要介绍了hTML中Li标签的使用示例,主要用来让文章标题和日期等左右对齐,需要的朋友可以参考下iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

 希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

XML/hTML Code复制内容到剪贴板iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  2. <html xmlns="http://www.w3.org/1999/xhtml">    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  3. <head>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  4.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  5.    <title></title>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  6. <style>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  7. <!--   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  8.   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  9. #mylist { width:400px; list-style-type:none; margin:0; padding:0; }   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  10. #mylist li span {   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  11.         float:right;    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  12. }   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  13. -->    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  14. </style>    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  15. </head>    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  16. <body>    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  17. <ul id="mylist">  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  18.   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  19.         <li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  20.         <li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  21.         <li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li>            iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  22. </ul>  iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  23.   iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  24. </body>    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

  25. </html>    iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

注意: 要把 span 写到Li标签中的最前面,这样在IE6/IE7/FF3.5之前版本中才能保证 span中日期右对齐。
iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

相关文章推荐:iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

1.深度剖析hTML的语意和与其相关的前端框架iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

2.hTML中iFrame标签的两个用法介绍iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

3.详解hTML的<input> 标签及其禁用方法iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

4.使用hTML编写简单的邮件模版iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

5.一些编写高性能hTML应用的建议iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

深入理解PhP内核(二)之SAPI探究iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

在上篇文章给大家介绍了深入了解PhP内核(一),相信大家通过本文多多少少都学到些知识吧,关于php内核知识继续关注本篇文章。iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,hTML中Li标签的使用示例 ,hTML,L

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市