首頁 >web前端 >html教學 >求助个问题~~特别急~~在线等待~~~大神帮忙~~~_html/css_WEB-ITnose

求助个问题~~特别急~~在线等待~~~大神帮忙~~~_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:19:03802瀏覽

CSS 玩美时光旅游网 HTML 旅游线路 海南旅游攻略



想把 “第1天” 这三个字写进这个div框里。 在 “1” 两边加了  单独给“1”设置的属性。
但是有一个问题,我也想让“1居中显示” 就是行成这样的效果:  ,而不是最上面图的效果。

求助怎么实现?????

代码:

      第1
      


CSS:  .D1_L_shang3 {
height: 81px;
width: 71px;
background: url("../images/yuanbiao1.png") left top no-repeat;
position: absolute;
z-index: 4;
left: 0px;
top: 50px;
line-height: 81px;
font-size: 16px;
text-align: center;
padding-right: 5px;
color: #FFF;
font-family: "微软雅黑","宋体","黑体",Arial;
}
       .D1_L_shang3 span {
font-size: 35px;
color: #FFF;
font-family: "微软雅黑","宋体","黑体",Arial;
}

参考: http://www.wanmeitime.com/products/xianlu.php?xianlubianhao=352

回复讨论(解决方案)

大神帮忙啊~~~

<div class="D1_L_shang3">    <span>第</span><span class="num">1</span><span>天</span></div>


.D1_L_shang3 span{vertical-align:middle;}.D1_L_shang3 span.num{font-size: 35px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;}


或者
.D1_L_shang3 span{font-size: 35px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;position:relative;top:8px; /*自己改*/}

<style type="text/css">.D1_L_shang3 {height: 81px;width: 71px;background: url("http://www.wanmeitime.com/products/images/yuanbiao1.png") left top no-repeat;position: absolute;z-index: 4;left: 0px;top: 50px;line-height: 81px;font-size: 16px;text-align: center;padding-right: 5px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;}.D1_L_shang3span {font-size: 35px;color: #FFF;display: inline-block;height: 47px;font-family: "微软雅黑","宋体","黑体",Arial;margin-left: 5px;/*改左边间距*/margin-right: 5px;/*改右边间距*/}.D1_L_shang3s{		display: inline-block;	height: 47px;}</style><div class="D1_L_shang3">	      <span class="D1_L_shang3s">第</span><span class="D1_L_shang3span">1</span><span class="D1_L_shang3s">天</span>      </div>

XML/HTML code?123

    1


CSS code?12345678.D1_L_shang3 span{vertical-align:middle;}.D1_L_shang3 span.n……


没用啊。。。。。我直接做在图片上吧

XML/HTML code?123456789101112131415161718192021222324252627282930313233

xingcheng1.css   行 740  line-height:81px  改成 line-height:70px;

混个脸熟
看看热闹

单独改变 1 的行高值,把值改小点不就行了。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn