• 傅抱石《琵琶行诗意》1.035亿元成交 2019-12-01
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-11-28
  • 一香港男子携女友泰国自驾游身亡 香港入境处跟进 2019-11-28
  • 注意了!报考这个专业须先参加面试 2019-11-27
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-11-27
  • 张艺谋玩起艺术与科技的碰撞 现代舞与机械臂齐登场 2019-11-26
  • 《泄密者》佘诗曼出演正义记者 追问学生:我和周秀娜谁漂亮 2019-11-26
  • 东电欲报废福岛第二核电站 开始考虑具体时间表 2019-11-22
  • 惊魂一刻!沙特国家队飞机半空中起火 2019-11-20
  • 感触名家笔下的端午文化 吃香粽原来可以这样"文艺" 2019-11-20
  • 机关党建工作巡礼——长春市直机关“两锋(风)行动” 2019-11-18
  • 《国家人文历史》杂志社荣膺“中国妇女儿童慈善奖” 2019-11-18
  • 高原净土·大美青海--旅游频道 2019-11-17
  • 晋中市直机关将开展纪念建党97周年“红色+”系列活动 2019-11-13
  • 土地是自然存在的地球的一部分,不是人类劳动成果,正如“深山老林”是自然存在的地球的一部分,不是人类劳动成果一样。懂吗? 2019-11-13
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  CSS教程  >  正文 整理:网页技术CSS网页布局的居中问题

    码报彩图资料:整理:网页技术CSS网页布局的居中问题

    发布时间:2019-11-11   编辑:码报 www.okkrb.tw
    jquery中文网为您提供整理:网页技术CSS网页布局的居中问题等资源,欢迎您收藏本站,我们将为您提供最新的整理:网页技术CSS网页布局的居中问题资源
    <script>ec(2);</script>

    码报 www.okkrb.tw 1、DIV居中

    <table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy8256')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy8256>body {text-align: center;}
    div {margin-right: auto; margin-left: auto;}
    </td> </tr> </table>

    说明:
    对于IE,在父元素定义“text-align: center;”就可以了
    对于FF等其他浏览器,仅这样不能居中,需在子元素中定义“margin-right: auto; margin-left: auto;”。
    2、背景居中

    <table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy7342')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy7342>body {background:url(#) #fff no-repeat center;}
    </td> </tr> </table>

    说明:参数中的center是对背景位置的定义。
    3、文本垂直居中

    <table width="620" align="center" border="0" cellpadding="1" cellspacing="1" style="background:#FB7"> <tr> <td width="464" height="27" bgcolor="#FFE7CE"> 代码如下</td> <td width="109" align="center" bgcolor="#FFE7CE" style="cursor:pointer;" onclick="doCopy('copy6963')">复制代码</td> </tr> <tr> <td height="auto" colspan="2" valign="top" bgcolor="#FFFFFF" style="padding:10px;" class="copyclass" id=copy6963>div {vertical-align:middle;line-height:?px;}</td> </tr> </table>

    说明:
    vertical-align:middle;表示行内垂直居中,我们将行距调整到和整个DIV一样高,文字就垂直居中了。

    </td> </tr> </table>

    您可能感兴趣的文章:
    网站页面结构和页面布局怎么做
    基于jQuery实现的水平和垂直居中的div窗口
    CSS3中如何充分使用视窗单位来布局
    asp.net服务器控件调整技巧
    jQuery Ajax请求状态管理器打包
    Tab页界面 用jQuery及Ajax技术实现(php后台)
    如何设计网站结构与地址URL?
    Tab页界面,用jQuery及Ajax技术实现
    网站优化H1-h6标签怎么利才更加完美
    瀑布流布局并自动加载实现代码

    [关闭]
  • 傅抱石《琵琶行诗意》1.035亿元成交 2019-12-01
  • 一语惊坛(5月21日):不忘初心,将改革开放进行到底,中国梦一定实现! 2019-11-28
  • 一香港男子携女友泰国自驾游身亡 香港入境处跟进 2019-11-28
  • 注意了!报考这个专业须先参加面试 2019-11-27
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-11-27
  • 张艺谋玩起艺术与科技的碰撞 现代舞与机械臂齐登场 2019-11-26
  • 《泄密者》佘诗曼出演正义记者 追问学生:我和周秀娜谁漂亮 2019-11-26
  • 东电欲报废福岛第二核电站 开始考虑具体时间表 2019-11-22
  • 惊魂一刻!沙特国家队飞机半空中起火 2019-11-20
  • 感触名家笔下的端午文化 吃香粽原来可以这样"文艺" 2019-11-20
  • 机关党建工作巡礼——长春市直机关“两锋(风)行动” 2019-11-18
  • 《国家人文历史》杂志社荣膺“中国妇女儿童慈善奖” 2019-11-18
  • 高原净土·大美青海--旅游频道 2019-11-17
  • 晋中市直机关将开展纪念建党97周年“红色+”系列活动 2019-11-13
  • 土地是自然存在的地球的一部分,不是人类劳动成果,正如“深山老林”是自然存在的地球的一部分,不是人类劳动成果一样。懂吗? 2019-11-13
  • 吉林白山棋牌在线 支付宝推新用户赚钱 一福建22选5开奖结果 安徽11选5历史遗漏 百宝彩票重庆百变王牌 3d开机号公益时报 尚合彩票游戏 微信卖高档首饰赚钱吗 黑龙江p62开奖结果 平特一肖绝门算法