名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
这篇文章主要介绍了hTML中Li标签的使用示例,主要用来让文章标题和日期等左右对齐,需要的朋友可以参考下iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
希望实现标题在左对齐,日期在右对齐,当直接给日期的span加上float:right时,IE8和FF都OK,但IE6/7则会换行,下面给出一个简单有效的解决办法。iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
XML/hTML Code复制内容到剪贴板iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<!DOCTYPE html PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<html xmlns="http://www.w3.org/1999/xhtml"> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<head> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<title></title> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<style> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<!-- iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
#mylist { width:400px; list-style-type:none; margin:0; padding:0; } iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
#mylist li span { iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
float:right; iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
} iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
--> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
</style> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
</head> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<body> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<ul id="mylist"> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
<li><span>2011-12-2</span>Web开发者网络(Admin10000.com)</li> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
</ul> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
</body> iiIAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!
</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