文字为何是竖着显示的

来源:12-2 我要独占一行 - 块级元素

心语瑞333

2016-09-12 17:40

<!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


写回答 关注

5回答

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

    span{

        display:block;

       font-size:20px;

       font-weight:;

    }

    也可以直接设置文字大小

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

    span{display:block;

    width:0px;

    heght:3px;

    }

    把这里的width的值改大一点

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

    因为你设置了宽度为0,

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

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

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

    span{display:block;

    width:0px;

    heght:3px;

    }

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题