问答详情
源自:12-3 我要和你站一起 - 内联元素

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html"charset=gb"2312" /> <title>行内元素标签</title> <style type="text/css"> a,span,em{ background:pink;font-size:20px;/*设置a、span、em标签背景颜色都为粉色*/ } div{font-size:0;} </styl

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html"charset=gb"2312" />

<title>行内元素标签</title>

<style type="text/css">

a,span,em{

    background:pink;font-size:20px;/*设置a、span、em标签背景颜色都为粉色*/

}

div{font-size:0;}

</style>

</head>

<body>

<div>

<a href="http://www.baidu.com">百度</a>

<a href="http://www.imooc.com">慕课网</a>

<span>33333</span>

<span>44444</span><em>555555</em>

</div>

</body>

</html>

为什么这个代码运行出来是

百度 慕课网3333344444555555 (间距未变而大小改变)这个效果

提问者:sunny飒枫 2016-02-04 15:37

个回答

  • 美美的幸福新生活
    2016-02-04 16:10:10
    已采纳

    没有设置padding

  • Sunflower_0018
    2016-02-04 15:50:16

    楼上正解

  • 738588852
    2016-02-04 15:47:47

    你没有设置间距啊     你只设置了  背景   你说的间距是什么间距?

  • qq_逆鳞飞火流星_0
    2016-02-04 15:46:57

    font-size:20px是设置字体大小,间距是word-spacing或letter-spacing