支持IE6、7、8和FF的元素居中效果

kingquake21

于 2009-12-11 09:05:00 发布

阅读量323

点赞数

CC 4.0 BY-SA版权

文章标签： ie html

本文链接：https://blog.youkuaiyun.com/kingquake21/article/details/4983763

本文通过实例演示了如何使用HTML和CSS实现居中布局效果，包括定义文档类型、设置字符编码、利用内联样式和CSS规则使内容始终居中显示等关键技术细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <BODY> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body{text-align:center;} #wrap{ text-align:left; width:560px; margin:0 auto; border:1px solid #333; background-color:#ccc; }</style> <div id="wrap">Always in center!Always in center!Always in center!Always in center!Always in center!Always in center!Always in center!Always in center!Always in center!Always in center!</div> </BODY> </html>