老师，请问这样写对吗？
来源：2-7 编程练习
慕田峪2009896
2019-07-15 13:43:10
老师，请问这样写对吗，以及想问一下，文字用了<br>换行，但是文字效果并不如完全类似于图中显示效果，请问文字怎样设置，才能完全实现图中的效果？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
*{margin:0;padding:0;}
.title{
width:1000px;
height:100px;
font-size:50px;
font-weight:bold;
line-height:100px;
text-align:center;
padding-top:30px;
}
.main{
width:1000px;
}
.main .left,.main .right{
width:450px;
float:left;
margin-left:33.3px;
}
..main .left img,.main .right img{
width:100%;
}
.left div,.right div{
text-align: left;
font-size: 19px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="title">
ENJOY THE LIFE
</div>
<div class="main">
<div class="left">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
<div>
Life is like a book, just read more and more<br>
refined, more write more carefully. When read<br>
mind open, all things have been indifferent to<br>
heart, Life is precipitation.
</div>
</div>
<div class="right">
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
<div>
Lift is like a cup of tea, Let People lead a<br>
person to endless aftertastes. You again good<br>
taste, it will always have a different taste,<br>
different people will have different taste<br>
more.
</div>
</div>
</div>
</body>
</html>
1回答
-
同学你好，1、文字中间不需要添加br换行，可以正常的书写文字，在规定的宽度内会自动换行哦，例：
2、给标题以及包裹图片部分的盒子设置margin:0 auto;水平居中。
3、如下，类选择器前面多了一个点(.)导致样式没有生效，例：
希望能帮助到你，欢迎采纳。
祝学习愉快！
0
相似问题