內(nèi)聯(lián)元素的空隙，必須是這樣用font-size才可以起到消除空隙的效果，我運(yùn)行結(jié)果消除了，不知道對(duì)不對(duì)
<style type="text/css">
a,span,em{
background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/
? ? font-size:16px;
}
div{
? ? display:inline;
? ? font-size:0px;
? ?
}
</style>
2015-11-10
給一下html結(jié)構(gòu) ?說(shuō)明下你要消除哪些空隙。
2015-12-07
父元素 給0PX里面的子標(biāo)簽在改字體大小就好
2015-11-10
這個(gè)解決方法比較多
1、把所有的標(biāo)簽都寫(xiě)到一行，不要換行就可以
<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/> ????<title>行內(nèi)元素標(biāo)簽</title> ????<style?type="text/css"> ????????a,span,em{ ????????????background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/ ????????????font-size:16px; ????????} ????</style> </head> <body> <div> ????<a>ldjfl</a><a?>慕課網(wǎng)</a><span>33333</span><span>44444</span><em>555555</em> </div> </body> </html>2、使用float
<!DOCTYPE?HTML> <html> <head> ????<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/> ????<title>行內(nèi)元素標(biāo)簽</title> ????<style?type="text/css"> ????????a,span,em{ ????????????background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/ ????????????font-size:16px; ????????????float:?left; ????????} ????</style> </head> <body> <div> ????<a>ldjfl</a><a?>百度</a> ????<a?href="http://idcbgp.cn">慕課網(wǎng)</a> ????<span>33333</span> ????<span>44444</span> ????<em>555555</em> </div> </body> </html>還有你的那種方法都可以
2015-11-10
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>行內(nèi)元素標(biāo)簽</title>
<style type="text/css">
a,span,em{
background:pink;/*設(shè)置a、span、em標(biāo)簽背景顏色都為粉色*/
? ? font-size:16px;
}
div{
? ? display:inline;
? ? font-size:0px;
? ?
}
</style>
</head>
<body>
<div>
<a>ldjfl</a>
<a >百度</a>
<a href="http://idcbgp.cn">慕課網(wǎng)</a>
<span>33333</span>
<span>44444</span><em>555555</em>
? ??
</div>
</body>
</html>