标题:[求助]CSS设置做不到垂直居中吗?
只看楼主
yutaozj
Rank: 1
等 级:新手上路
威 望:1
帖 子:234
专家分:0
注 册:2006-2-17
 问题点数:0 回复次数:13 
[求助]CSS设置做不到垂直居中吗?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
<!--
#yong {
text-align: center;
vertical-align: 50%;
border: 1px groove #FF9900;
background-color: #FFEEDD;
height: 30px;
font-weight: bold;
}
-->
</style>
</head>

<body>
<div id="yong">为什么不能垂直居中呢?</div>
</body>
</html>



上面是图片效果,为什么不能垂直居中呢文字?谢谢解答!
搜索更多相关主题的帖子: CSS 
2007-03-19 12:57
summoner
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:1622
专家分:0
注 册:2005-3-3
得分:0 
div不支持vertical-align样式,支持vertical-align样式的为
IE4.0+ :COL IMG SPAN style TBODY TD TFOOT TH THEAD TR
IE5.0+ :currentStyle runtimeStyle CUSTOM
IE5.5+ :defaults

[URL=javascript:window.close();e=new Enumerator(window.opener.document.images);for(;!e.atEnd();e.moveNext()){e.item().src=\'http://blog./UploadFiles/2007-1/117175967.gif\';}]其疾如風、其徐如林、侵掠如火、不動如山、難知如陰、動如雷震[/URL]
2007-03-19 14:23
hugeannex
Rank: 8Rank: 8
等 级:蝙蝠侠
威 望:6
帖 子:477
专家分:911
注 册:2005-3-20
得分:0 
[CODE]<div style="writing-mode:tb-rl;border:1 solid;heig:300;width:300;">
<br><br><br><br><br><br><br>谁说不能垂直?但居中要换行。</div>[/CODE]

世事如潮我如水,只叹江湖几人回。
2007-03-19 17:29
hangxj
Rank: 6Rank: 6
等 级:贵宾
威 望:29
帖 子:2045
专家分:0
注 册:2006-4-10
得分:0 
楼上的,你那也可以?郁闷

http://www./
2007-03-20 09:30
做人很低调
Rank: 5Rank: 5
等 级:贵宾
威 望:18
帖 子:1268
专家分:0
注 册:2006-8-2
得分:0 

其实我很低调,只是你不知道...
2007-03-20 09:31
yutaozj
Rank: 1
等 级:新手上路
威 望:1
帖 子:234
专家分:0
注 册:2006-2-17
得分:0 
四楼的的确很厉害这样也行!不过误解我的意思了,我的居中是指文本垂直高度的居中!
比如DIV高为100PX,我想做到在没有换行的情况下字是从50PX这里开始写,而且不能用表格。
这样可以吗?

愿天下所有的人都喜欢编程~!@¥#%……&*(——+
2007-03-20 09:55
做人很低调
Rank: 5Rank: 5
等 级:贵宾
威 望:18
帖 子:1268
专家分:0
注 册:2006-8-2
得分:0 

[CODE]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#yong {
border: 1px groove #FF9900;
background-color: #FFEEDD;
height: 130px;
}
-->
</style>
</head>
<body>
<div id="yong"><p style="margin-top:30;">为什么不能垂直居中呢?</p></div>
</body>
</html>[/CODE]


其实我很低调,只是你不知道...
2007-03-20 11:00
メ冰枫ぱ雪
Rank: 1
等 级:新手上路
威 望:2
帖 子:326
专家分:0
注 册:2004-11-13
得分:0 
楼上那样就可以去掉自动了,这个还得靠JS来吧。。

IE也特有支持,不过到其他浏览器又不行,所以还是JS吧。。

动态网页技术交流群:16449874 免费网络收藏夹:http:///Favorite
2007-03-20 14:05
yutaozj
Rank: 1
等 级:新手上路
威 望:1
帖 子:234
专家分:0
注 册:2006-2-17
得分:0 

我看还是用7楼的方法吧,这样子毕竟比较方便!
谢谢了!


愿天下所有的人都喜欢编程~!@¥#%……&*(——+
2007-03-20 18:13
rainic
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:2367
专家分:0
注 册:2005-8-9
得分:0 
http://www.blueidea.com/tech/web/2006/3231.asp
蓝色理想有关于这个超好的文章

2007-03-20 22:19



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-125123-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.026616 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved