Home >Web Front-end >HTML Tutorial >I have a question~~It's very urgent~~Waiting online~~~God help~~~_html/css_WEB-ITnose

I have a question~~It's very urgent~~Waiting online~~~God help~~~_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:19:03831browse

CSS Wanmei Time Travel Network HTML Travel Route Hainan Travel Guide



I want to write the three words "Day 1" into this div box. Added 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114 on both sides of "1" to set the attributes for "1" separately.
But there is a problem. I also want "1 to be displayed in the center" to have the effect like this: , instead of the effect in the top picture.

How to ask for help? ? ? ? ?

Code: 4e5a8bb5b1fabf07c73ee0041b698d6d
Day 45a2772a6b6107b401db3c9b82c049c2154bdf357c58b8a65c66d7c19c8e4d114
16b28748ea4df4d9c2150843fecfba68

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: "Microsoft YaHei","宋体","黑体",Arial;
}
.D1_L_shang3 span {
font-size: 35px;
color: #FFF;
font-family: "Microsoft Yahei", "宋体", "黑体", Arial;
}

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

Reply to discussion (solution)

God help~~~

<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;}


or
.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?12378bb2b35080f1b860878b9608a7b5752                                            🎜> CSS code?12345678.D1_L_shang3 span{vertical-align:middle;}.D1_L_shang3 span.n……


It’s useless. . . . . Let me do it directly on the picture

XML/HTML code?123456789101112131415161718192021222324252627282930313233080b747a20f9163200dd0a7d304ba388.D1_L_shang3 {height: 81px;width : 71px;background: url("http:// www.wanmeitime.com/products/im……


It’s useless. I’ll do it directly on the picture

xingcheng1.css Line 740 line-height:81px Change to line- height:70px;

Look familiar

Let’s see the excitement



Change the row height value of 1 individually. Just change the value to a smaller value.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn