社区
.NET技术其他语言
帖子详情
求代码
GJ高俊
2014-03-02 11:00:28
在PS中做好的网页(格式为html)导入DW中如何让网页居中
...全文
6077
2
打赏
收藏
求代码
在PS中做好的网页(格式为html)导入DW中如何让网页居中
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
风一样的大叔
2014-03-14
打赏
举报
回复
正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin-left: auto; margin-right: auto; 经过这么一番设置问题似乎解决了,在FF中已经居中了,可是在IE中看竟然还是没有居中! 郁闷了一下午,就是找不出问题所在,还特地比较了网上的文章竟然一模一样. 问题到底出在哪里呢? 感谢网友乐天无用帮忙找出了这个邪门问题的原因. 原来是L-Blog默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 如果您希望更为严格的XHTML 1.0 Strict或者XHTML 1.1请查阅相关文档. 以上测试均基于Windows XP SP2版IE6和FireFox 1.0最终版. 如何使DIV居中 主要的样式定义如下: body {TEXT-ALIGN: center;} #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; } 说明: 首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中;对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 需要说明的是,如果你想用这个方法使整个页面要居中,建议不要套在一个DIV里,你可以依次拆出多个div,只 要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。 如何使图片在DIV 中垂直居中,用背景的方法。举例: body{BACKGROUND: url(http://www.w3cn.org/style/001/logo_w3cn_194x79.gif) #FFF no-repeat center;} 关键就是最后的center,这个参数定义图片的位置。还可以写成“top left”(左上角)或者"bottom right"等,也可以直接写数值"50 30" 如何使文本在DIV中垂直居中 如果是文字,便不能用背景方法,可以用增高行距的办法变通实现垂直居中,完整代码如下: <html> <head> <style> body{TEXT-ALIGN: center;} #center{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto; height:200px; background:#F00; width:400px; vertical-align:middle; line-height:200px; } </style> </head> <body > <div id="center"><p>test content</p></div> </body> </html> 说明: vertical-align:middle;表示行内垂直居中,我们将行距增加到和整个DIV一样高line-height:200px;然后插入文字,就垂直居中了。 CSS+DIV控制页面中元素垂直居中代码 全局和区域垂直居中 <style type="text/css" media=screen> body { text-align: center; } #a { width: 200px; height: 400px; background: #000; } #b { margin-top: expression((a.clientHeight-50)/2); width: 50px; height: 50px; background: #FFF; } #c { position: absolute; left: expression((body.clientWidth-50)/2); top: expression((body.clientHeight-50)/2); width: 50px; height: 50px; background: #F00; } </style> <div id="a"> <div id="b"></div> </div> <div id="c"></div> 另一方法: <div style="background:blue;position:absolute;left:expression((body.clientWidth-50)/2);top:expression((body.clientHeight-50)/2);width:50;height:50"></div>
threenewbee
2014-03-02
打赏
举报
回复
在你的样式表中加入: body { width: 1000px; margin-left: auto; margin-right: auto; }
粒子群算法
求
解约束多目标优化万能matlab
代码
粒子群算法 约束多目标 优化 matlab
代码
《数据结构及算法经典》源
代码
.
单元加 字符 底层编程 效验算法 数学问题 数据结构 数组 文件程序
求
进制 汉诺塔 硬币情况 逆阵 问题算法 小写数字转为大写数字 其它 <br/>共168...
大白话SVM算法课程
KKT数学解释 05_SVM之回顾距离公式和感知器模型 06_SVM之感知器到SVM的引入 07_SVM之线性可分时损失函数的表示 08_SVM之线性可分时损失函数的
求
解-对w,b变量
求
偏导 09_SVM之线性可分时损失函数的
求
解-对β变量
求
解....
【发邮件
求
代码
的邮件参考模板】
发邮件
求
代码
的邮件参考模板
编1加到100的
代码
用C语言,用C语言编写一个程序,计算从1加到100的和,并将结果输出。跪
求
代码
,急!...
跪
求
代码
,急!以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!用C语言编写一个程序,计算从1加到100的和,并将结果输出。跪
求
代码
,急!#include int...
.NET技术其他语言
1,978
社区成员
12,450
社区内容
发帖
与我相关
我的任务
.NET技术其他语言
.NET技术 其他语言讨论
复制链接
扫一扫
分享
社区描述
.NET技术 其他语言讨论
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章