当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

关于Html无宽度居中

发表于: 2013-09-03   作者:aijuans   来源:转载   浏览次数:
摘要:   代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{f

 

代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
       body{font-size: 12px;background: ;}
        ul{margin: 0;padding: 0;list-style: none; clear:both; position: relative;float:left; left: 50% }
        li{float: left;display: inline;position: relative;left: -50%;margin: 5px 0}
        .wrapper a{display: block;height: 20px;width: 20px;text-decoration: none;text-align: center;line-height: 20px;color: #fff;background: blue;float: left;margin: 0 5px;}
    </style>
</head>
<body>
       <div class="wrapper">
           <ul><li><a href="#">1</a> </li></ul>
           <ul>
               <li><a href="#">1</a></li>
               <li><a href="#">2</a></li>
               <li><a href="#">3</a></li></ul>
           <ul>
               <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>

 效果:

关于Html无宽度居中

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
一、效果 二、HTML结构 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http
排版思路:固定宽度且居中的版式是网络中最常见的排版方式之一,首先将所有页面内容用一个大<div
用css实现图片和文字左右居中给,文字在图片下方如下图所示: html代码: <html> <head>
一、关于“鑫三无准则” “鑫三无准则”这个概念早在去年我写“关于Google圆角高光高宽自适应按钮及
代码如下。一个id为container的div包含三个子div,第一个div宽度设置固定200.剩下两个用box-flex属
问题描述:IE与火狐对html换行问题采用了不同的机制,当html里面存在一个表格的时候,表格里面的数
如果block父元素设置了宽度,而block子元素又没有设置宽度(我的理解是默认为一个单词/汉字的宽度)
测试环境: Extjs3.1.1 + IE8 测试代码: /*store之类的就省略了*/ var sm = new Ext.grid.Checkbox
如何使用iReaper iReaper 是由国内的.NET 爱好者开发的桌面小工具,用来帮助您下载中文MSDN Webcast
原文地址:http://www.java2000.net/viewthread.jsp?tid=1977 此方法生成xls文件,不是那种简单的通
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号