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

最新推荐文章于 2025-12-27 11:46:02 发布

原创最新推荐文章于 2025-12-27 11:46:02 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #html

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

<!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>