问答详情
源自：12-2 我要独占一行 - 块级元素

文字为何是竖着显示的

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>内联块状元素</title>

<style type="text/css">

div,p,h1{background:pink;}


span{display:block;

width:0px;

heght:3px;

}

</style>

</head>

<body>

<div>div1</div>

<div>div2</div>

<p>段落1段落1段落1段落1段落1</p>

<h1>我的家园</h1>

<span>我是一个安静、优雅的女孩</span>

</body>

</html>

57d677fd0001f44202820293.jpg

57d677fd00019e7205000229.jpg


提问者：心语瑞333 2016-09-12 17:40

个回答

  • 大超哥
    2016-09-14 11:32:12

    span{

        display:block;

       font-size:20px;

       font-weight:;

    }

    也可以直接设置文字大小

    0
  • RobertYan3367523
    2016-09-12 18:02:40

    span{display:block;

    width:0px;

    heght:3px;

    }

    把这里的width的值改大一点

    0
  • 1149034437
    2016-09-12 18:01:15

    因为你设置了宽度为0，

    0
  • 慕的地4606255
    2016-09-12 17:57:44

    因为你对span设置了宽高，宽只有1Px,文字排不下，就会往下面排，所以是竖着显示的

    0
  • 小梅花
    2016-09-12 17:57:36

    span{display:block;

    width:0px;

    heght:3px;

    }

    问题出在这里，去掉display:block;或者去掉width:0px;或者把width的值改大点

    1