为什么字换行后凑一起了？
来源：2-7 编程练习
weixin_慕后端7118097
2019-09-09 17:59:09
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS布局</title>
<style type="text/css">
/*此处写代码*/
.zong{
width:1000px;
margin:0 auto;
text-align:center;
border:1px solid red;
}
.zong .middll .one,.onetow {
float:left;
width:500px;
}
.zong .middll .wodezi{
font-size:20px;
font-weight:bold;
color:#7d7c7f;
padding-top:20px;
}
.zong .middll .wodezi1{
font-size:20px;
font-weight:bold;
color:#7d7c7f;
padding-top:20px;
text-align:center;
}
</style>
</head>
<body>
<div class="zong">
<h3>ENJOY THE LIFE</h3>
<div class="middll">
<div class="one">
<img src="http://climg.mukewang.com/58f829090001a4b504260240.jpg">
<div class="wodezi">
一片情深，给了谁111111111111111111111111111111111111111dvmugaiuflvhlhefhehlhguewghghewughhkghghweguwk.KUEGWEKGHWEKUHGIhgoiwgho;HGIOEGHGIGHELGHILSHGIEPBIE;HGUEHWHGIHEK;HGUHEJWGUIPOHVV;HULEBKLSH9W/LVHIJUEBKUI,VNVLEUEBKV.UELKXI'FHUEE.BVIELDBUEJUBG
</div>
</div>
<div class="onetwo">
<img src="http://climg.mukewang.com/58f8290f0001558804260240.jpg">
<div class="wodezi1">
定义两个图文混排的模块，要求显示在一行，并且两个模块之间有空隙ekgvuwgeowhglhei;ghsl;Hgieihligheie/jlhowjkwHIUEGLKHGKGHEGHAIGHIHEKHEIEHOAHGKLSHDKLSLSS;AGHEIGH;AEHGKDHG.LDKSHFKLDSHGSLKAGHLKGHD;GHEIGHE/GLHSAIL;VHEINWHWHGWUB NEWLB;hg/ehgkhg;eihguiweghw;ghuehw;GKU,SGHWKIHGEIOGHWLHVLKDHLAGUKIEHG;g;hg;DEGSEG
</div>
</div>
</div>
</div>
<!-- 此处写代码 -->
</body>
</html>
/*
还有margin：0 auto;与text-align:cenger；可以共用吗？有什么区别
*/
1回答
-
同学你好！
（1）这里是文字太长了，换下文字即可：
设置文字向左显示：
（2）margin:0 auto常用于块级标签，而text-align:center常用于文字，内联元素和内联块元素可以共用的。
如果帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题