标题右侧“更多”的实现方法(转自Taobao UED Blog)
来源:互联网 发布:软件进口产品的定义 编辑:程序博客网 时间:2024/05/21 09:51
用一个H2标签作为标题,如下:
<H2><a href="#">标题</a><span>更多...</span></H2>
现在要做的就是把更多定位到标题的右侧,用下面的CSS即可实现。
h2 {...}{
height: 2px;
}
span {...}{
float: right;
display:block;
margin:-10px 0 0 0;
height:20px;
}
height: 2px;
}
span {...}{
float: right;
display:block;
margin:-10px 0 0 0;
height:20px;
}
注意到上面的span标签除了向右浮动外,还用到了margin:-10px...。这是因为span浮动后会转至标题的下一行,因此必须用一个负的margin-top让它上去。效果如下图:
- 标题右侧“更多”的实现方法(转自Taobao UED Blog)
- sku算法[http://ued.taobao.org/blog/?p=5894]
- Web App变革之rem(转自520UED)
- (转)跨域名的Cookie实现---简单另类的实现方法 选择自 liyujie2000 的 Blog
- popupwindow实现类似ActionBar右侧更多效果
- ajax是整个java世界为了UED(用户体验)的一次倒退(转自水木清华)
- 我们的UED设计流程及方法
- 三谈Iframe自适应高度(转自:http://ued.koubei.com/?p=1217)
- taobao技术BLOG
- C++ Builder下三种UDP通信实现方法的比较 选择自 findheart 的 Blog
- C++ Builder下三种UDP通信实现方法的比较 选择自 findheart 的 Blog
- 一种简单方法实现页面导出(Excel)功能 选择自 xieyun1977 的 Blog
- DBGridEh实现单击标题栏排序方法 选择自 snowfall 的 Blog
- 小心重写方法,正确实现多态 选择自 schnell 的 Blog
- Blog Collection for UED Elements
- HBase之旅四:HBase MapReduce实例分析(转自:Taobao QA Team)
- 左侧高度随着右侧的内容拉伸。右侧类似网页的查看更多、收起效果
- TFS(Taobao File System)安装方法
- 逻辑思维
- ERP系统实施的收费依据分析
- ajax 之 ICallbackEventHandler接口使用
- Ruby的认知
- 与某网友的交流
- 标题右侧“更多”的实现方法(转自Taobao UED Blog)
- static 函数的理解及基安全性
- 下拉列表框三级连动三
- AOL终于搞跨了Netscape
- 总结2008年十大网络建店系统
- Hibernate二级缓存攻略
- C#-ADO.Net连接池和连接字符串剖析
- SQL Server里面可能经常会用到的日期格式转换方法:
- 盛世雄风Win2K3_EE_SP2_2IN1_FULL_20080108