CSS怎么把两行文字变成一行显示

html-css030

CSS怎么把两行文字变成一行显示,第1张

CSS把两行文字变成一行显示，首先我们需要理解块级元素和行级元素，行级元素就是没有width和height这个属性的，我们要将2行文字变成一行文字就只需要将这个元素变成行级元素就行了，使用display:inline,具体看代码：

<html>

<head>

<style>

.div1{

width:600px

height:200px

font-size:13px

}

.div1

p{

display:inline

}

</head>

<body>

<div

class='div1'>

<p>我是测试文字</p>

<p>我是测试文字</p>

</div>

</body>

</html>

<style type="text/css">

.main{width: 80%margin: 0 autoheight: 100px}

.img{width: 40%float: left}

.img img{height: 100pxmax-width: 100%}

.main p{width: 60%float: leftword-break: break-allline-height: 100px}

</style>

<div class="main">

<div class="img">

<img src="img/xxx.jpg" >

</div>

<p>你的文字</p>

</div>

至于p标签的行高你可以随意调，不懂可以追问或私我