关于css样式的一点问题 很急！！请高手解答
这个是代码：<divid="cptu"><p><imgsrc="images/ccpp.gif"/></p></div>这个是CSS样式：#cptu{width:258p...
这个是代码：
<div id="cptu">
<p><img src="images/ccpp.gif" /></p>
</div>
这个是CSS样式：
#cptu {width:258px; height:200px; overflow:hidden;position:relative;text-align:center; line-height:204px;}
#cptu p{position:static; +position:absolute;top:50%;vertical-align:middle;}
#cptu img {position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;}
#cptu p:after {content:".";font-size:1px;visibility:hidden;}
这样之后 放在层里面的图片就水平垂直居中了
我现在不明白的是 样式里面的一些属性是什么意思
请高手能把它们翻译成中国话
小女子在这里先谢谢大家了 展开
<div id="cptu">
<p><img src="images/ccpp.gif" /></p>
</div>
这个是CSS样式：
#cptu {width:258px; height:200px; overflow:hidden;position:relative;text-align:center; line-height:204px;}
#cptu p{position:static; +position:absolute;top:50%;vertical-align:middle;}
#cptu img {position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;}
#cptu p:after {content:".";font-size:1px;visibility:hidden;}
这样之后 放在层里面的图片就水平垂直居中了
我现在不明白的是 样式里面的一些属性是什么意思
请高手能把它们翻译成中国话
小女子在这里先谢谢大家了 展开
3个回答
展开全部
这样，你把你的Dreamweaver打开，把这一串代码放在<head></head>之间，
<style type="text/css">
<!--
#cptu {width:258px; height:200px; overflow:hidden;position:relative;text-align:center; line-height:204px;}
#cptu p{position:static; +position:absolute;top:50%;vertical-align:middle;}
#cptu img {position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;}
#cptu p:after {content:".";font-size:1px;visibility:hidden;}
-->
</style>
然后你在Dreamweaver的设计“CSS样式”中查看一下就应该明白了，也不知道你问的意思是不是这个！我的理解是这样的！
<style type="text/css">
<!--
#cptu {width:258px; height:200px; overflow:hidden;position:relative;text-align:center; line-height:204px;}
#cptu p{position:static; +position:absolute;top:50%;vertical-align:middle;}
#cptu img {position:static;+position:relative;top:-50%;left:-50%;vertical-align:middle;}
#cptu p:after {content:".";font-size:1px;visibility:hidden;}
-->
</style>
然后你在Dreamweaver的设计“CSS样式”中查看一下就应该明白了，也不知道你问的意思是不是这个！我的理解是这样的！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
width:258px;宽 258px
height:200px;高 200px
overflow:hidden; 溢出部分 隐藏
position:relative;位置 相对
text-align:center;文本对齐方式 居中
position:static 位置
top:-50%;顶部 偏移 50%
visibility:hidden 元素不可见
你好像对定位属性不是很懂":
http://indian.blog.163.com/blog/static/10881582007111714114349/
有帮助 希望
height:200px;高 200px
overflow:hidden; 溢出部分 隐藏
position:relative;位置 相对
text-align:center;文本对齐方式 居中
position:static 位置
top:-50%;顶部 偏移 50%
visibility:hidden 元素不可见
你好像对定位属性不是很懂":
http://indian.blog.163.com/blog/static/10881582007111714114349/
有帮助 希望
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以参考一下css手册
http://doc.chinahtml.com/Manual/css2/
http://doc.chinahtml.com/Manual/css2/
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
