怎么让这个框居中呢_html/css_WEB-ITnose
程序员文章站
2022-06-06 17:45:25
...
怎么让这个框居中呢
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
html 码
无标题文档
这个左漂 右漂怎么不起作用?
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;margin: 0px auto}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
#nav{}
#nav.left{ float:left;width:226px;}
#nav.right{ float:right;width:501px;}
html码
无标题文档
这个左漂 右漂怎么不起作用?
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;margin: 0px auto}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
#nav{}
#nav.left{ float:left;width:226px;}
#nav.right{ float:right;width:501px;}
html码
无标题文档
#nav .left{ float:left;width:226px;}
#nav .right{ float:right;width:501px;}
中间要有空格,表示下属关系。
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
html 码
text
回复讨论(解决方案)
自身的居中是margin:0 auto;
demo here
text
自身的居中是margin:0 auto;
demo here
text
这个左漂 右漂怎么不起作用?
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;margin: 0px auto}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
#nav{}
#nav.left{ float:left;width:226px;}
#nav.right{ float:right;width:501px;}
html码
自身的居中是margin:0 auto;
demo here
text
这个左漂 右漂怎么不起作用?
css码
@charset "utf-8";
/* CSS Document */
html{height:100%;border:none;}
body{height:100%;border:none;padding:0;margin:0;text-align:center;font-size:14px;color:#000;background-color:#FFF;}
div,ul,li,img{margin:0;padding:0;border:none;}
ul{list-style-type:none;}
table,input{font-size:12px;}
a:link{ color:#09F; text-decoration:none; }
a:visited{ color:#09F; text-decoration:none; }
a:hover{ color:#09F; text-decoration:none; }
a:active{ color:#09F; text-decoration:none; }
.mass{width:1024px;margin: 0px auto}
.center{text-align:center;}
.clear{ clear:both;visibility:hidden;font-size:0px;}
.border{ border:#F00 solid 1px;}
#nav{}
#nav.left{ float:left;width:226px;}
#nav.right{ float:right;width:501px;}
html码
#nav .left{ float:left;width:226px;}
#nav .right{ float:right;width:501px;}
中间要有空格,表示下属关系。
推荐阅读
-
如何让下图中的红色部分(span)内的文字相对于红色部分竖直方向上居中呢?源代码如下,图在第二楼_html/css_WEB-ITnose
-
发现一个特效会让你有意思,有人知道这个用css可以做出来吗,怎么做?_html/css_WEB-ITnose
-
怎么让li的那个点靠近文字一点呢?_html/css_WEB-ITnose
-
点击Chrome浏览器里的输入框后,会出现一个黄色的矩形框,怎么去掉这个?_html/css_WEB-ITnose
-
怎么让这个框居中呢_html/css_WEB-ITnose
-
现在我想让div浮动在iframe上面,可是试了许多方面都不行,请教一下高手,这个问题怎么解决?谢谢!_html/css_WEB-ITnose
-
层不确定宽度,怎么让他在父层中居中呢?_html/css_WEB-ITnose
-
现在我想让div浮动在iframe上面,可是试了许多方面都不行,请教一下高手,这个问题怎么解决?谢谢!_html/css_WEB-ITnose
-
css a标签设置成block后,怎么让文字垂直居中_html/css_WEB-ITnose
-
css a标签设置成block后,怎么让文字垂直居中_html/css_WEB-ITnose