使用position:fixed属性让DIV居中

更新时间:2023-08-08 03:47:59 阅读: 评论:0

使⽤position:fixed属性让DIV居中
先看⼀下效果:
/keleyi/phtml/fixedcenter.htm
关键代码是:#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-right:auto;} 附完整代码:
复制代码
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3/1999/xhtml">
<head>
瓶中信
创业怎么起步十大将<title>使position:fixed的DIV居中-柯乐义</title>
<style type="text/css">
#topmenu_keleyi_com{position:fixed;left:0px;right:0px;width:706px;margin-left:auto;margin-
right:auto;top:100px;height:50px;background-color:Red;}
#topmenu_keleyi_com li{float:left;
list-style:none;
margin-right:1px;
width:116px;
中士军衔
酒精灯background-color:#e0f0e0;
郑光祖}
#topmenu_keleyi_com ul{ margin:0px;padding:0px;}
body{margin:0px;}
</style>
</head>
<body>
干玫瑰花<div id="topmenu_keleyi_com">
<ul><li><a href="/menu/net/" target="_blank"></a></li>
<li><a href="/menu/javascript/" target="_blank">Javascript</a></li>
<li><a href="/menu/jquery/" target="_blank">jQuery</a></li>
<li><a href="/menu/csharp/" target="_blank">C#</a></li>
<li><a href="/menu/other/" target="_blank">其他</a></li>松劲
<li><a href="/" target="_blank">⾸页</a></li></ul>
position:fixed的DIV的居中效果,改变页⾯的宽度看看。
</div>
</body>
</html>

本文发布于:2023-08-08 03:47:59,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1127851.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:军衔   代码   居中   改变   宽度
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图