最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css 中float后text-align无效解决办法
时间:2013-07-05 编辑:简简单单 来源:一聚教程网
般写内容居中的时候都会使用text-align:center属性,但是内元素一旦float起来的时候,text-align就会失效。
我们只能其他的方法来达到居中的目的
代码如下 | 复制代码 |
|
本方案主要是利用父层ul的float:left+left:50%,配合子层li的float:left+right:50%(left:-50%)来达到目的的。
html代码如下:
代码如下 | 复制代码 |
css代码如下:
代码如下 | 复制代码 |
.sl-float-middle{position:relative; left:50%; float:left;} |
-
下一个: CSS3如何实现多背景
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26