<!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 type="text/css">
*{
margin: 0;
padding: 0;
}
ul{
list-style: none;
}
.wrap{
width: 500px;
height: 100px;
background: #000;
}
.test{
padding-top: 10px;
float: left;
clear: both;
position: relative;
left: 50%;
}
.test li{
float: left;
margin-right: 5px;
position: relative;
left: -50%;
}
.test li a{
float: left;
text-decoration: none;
width: 20px;
text-align: center;
line-height: 20px;
height: 20px;
background: #fff;
}
</style>
</head>
<body>
<div class="wrap">
<ul class="test">
<li><a href="#">1</a></li>
</ul>
<ul class="test">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
<ul class="test">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
</body>
</html>
- 浏览: 97165 次
- 性别:
- 来自: 北京
最新评论
-
_大大大雄:
关于这个应用, 有些东西想要请教下您行么?
jsp 权限过滤器的应用 -
jptiancai:
博主,看了博客,收获很多,这个例子运行的时候,会报下面的错误: ...
jsp 权限过滤器的应用
相关推荐
直奔主题在这里提供三种块级元素垂直水平居中的方法 flex(子级宽高可固定也可不固定,随意) 定位+margin(固定子级的宽高,margin-top,margin-left取自身一半的负值) 定位+transform(不固定子级的宽高) flex...
将元素放置在table中,再将table的margin-left和margin-right设置成auto,将table居中,使在其之中的块级元素叶居中,但是这种方式不符合语义化标签的规范; 2.将块级元素转换行内元素(通过设置display:inline)后再...
04_文本相关属性_行级块级元素内容居中问题.html
有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!
一、块级元素 行内元素 div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span 和 strong 等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 您...
层大小固定,图片自动大小且居中,存css
实现当item的宽度小于RecyclerView的宽度时候,则居中显示
类似于网络游戏的商品切换滚动条,皮肤切换滚动条,自动居中离中心最近的Item,居中Item进行缩放,明暗变化。
这些方法的问题在于,要居中的元素必须是有宽度的.像这里用于构成菜单的html列表,他可能是根据数据库信息动态生成的,或者说将来有可能手工编辑,总之你不可能提前设定他的宽度. 在display属性的值中,inline-...
CSS网页布局入门教程7:二列固定宽度居中
PB自动缩放,powerbuilder自动居中,直接inherit继承即可
窗口自动居中! 很值得下载看看!资源免费,大家分享!!
block level的元素的宽度默认等于父元素的宽度,这样的话内容将从黄色左边界开始显示. 且设置text-align: center; 只能将文字居中而无法将背景图片居中且显示在文字的左边
支持滑动多个子物体时,滑动居中,滑动速度调节,居中时平滑放大
宽度是高度的两倍(等比缩放) 实现思路: 以父级元素为基准, 子级 ... 红色块级元素垂直居中于屏幕中央; 红色块级元素距离屏幕左右边距各20px; 红色块级元素里面的内容水平垂直居中; 红色块级元素的高度始终是红色块
在IE下,当margin:0 auto;无法使得块级元素水平居中时的解决方法
易语言组件自动居中模块源码,组件自动居中模块,添加需要自动居中的控件,刷新自动居中控件,取子控件信息,取父控件信息,取窗口矩形_,取父窗口_,移动窗口_,取客户区矩形_,屏幕到客户区_
CSS网页布局入门教程3:一列固定宽度居中