DW如何设置网页打开绝对居中

DW如何设置网页打开绝对居中,第1张


1、打开一个网页,在文档左下角的标签选择器上选择BODY标签;
2、在属性面板上点击居中对齐,这样居中的页面就做好了,往里面填充内容即可;
3、转换到代码视图,看看生成的代码,选择两种形式的居中代码,使用DIV标签是其中一种,另一种是使用CENTER标签;打开编辑参数选择菜单,在对话框中选择居中使用的标签即可完成设置。

第一,要给DIV设置一个宽度
第二,要把BODY设置text-align:center
这种方法只针对IE浏览器有效。
如果要针对火狐等标准浏览器,必须设置div的margin为auto

为body的内容加边框,就在body里面设置个div ,然后设置它的属性,比如:边框boder:1px solid #f00; 居中:margin:auto;层里面的内容你不设置还是原来的样子。

html文字居中和html居中方法代码,通过在html中实现文字居中居中篇
在html中实现文字内容居中有三种方法,其中两种使用CSS样式实现,一直使用原始的html标签内加入“align="center"”(居中)实现。
一、对body加CSS居中样式
-
TOP
我们直接对body设置CSS样式:text-align:center
1、完整HTML实例代码:
<!DOCTYPE
html>
<html
xmlns=">先将整个网页整体定义一个div,如果是用table做的,就先定义table,然后设定好这个div或者table的宽,一般都是1003或者980、960等,接着最关键的,定义body的样式如下:<body align="center">将body内的内容居中,把刚才定义的那个网页整体的div或者table样式设定如下<div align="left" width="980">将div宽度设定好,又将其里面的内容左对齐,这样就可以达到网页居中的效果了。看不懂?给你贴个具体样式吧。
<body align="center">
<div width="980" align="left">
content
</div>
</body>
content就是网页的具体内容。980只是一个数值,表示网页的宽度,可以自己设。

我写个例子
<html>
<head>
<title>Home</title>
<style type="text/css">
body{margin:0px;padding:0px}
main{margin:0px auto}
</style>
</head>
<body>
<div class="main">adsfasdfasdf</div>
</body>
</html>

你是想说#container居中吧。div是块级元素,使用text-align是不能居中的。可以使用margin:0 auto;居中。如果你非要用text-align的话,可以先把块级元素转化为行内元素,即为#container添加displat:inline;但是要注意对ie的兼容

<style>
body
{
text-align:center;
width:950px;
margin:0 atuto;
}
</style>
<html>
<body>
Hello world
</body>
</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13362341.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-22
下一篇 2023-07-22

发表评论

登录后才能评论

评论列表(0条)

保存