你需要写两个div,一个放你左边的添加文字,一个放中间的闵农两首。之后再给div添加浮动。然后在div里面,添加内容就行了。然后还有给文字加padding可以改变文字的距离。
一、行内块:即将每个盒子的display变成inline-block,他们之间会默认有一定距离,其距离大小是一个字体大小的距离二、浮动:使用float:left | right,可将三个盒子并列一排,中间有空闲,可在每个盒子加一个左外边距或者右外边距。
三、d性盒模型:父级盒子写上display:flexjustify-content:space-around即可
没有什么关系就是一个div等元素都可以有多个class类,可以写不一样的样式,有点类似重写那种意思比如我block是公用的一个类
.block{ display:blockcolor:#222font-size:12px} '我这个文件是可以用到很多地方的
.a1-2{ font-size:16pxcolor:#f60} '这个是只有div使用的,,如下html
<div class="div1">
<div class="block a1-2">xxxx</div>
<span class="block s1-1">yyy</span>
</div>
相当于我block是公用类,写好一些需要公用的样式,然后各自的节点元素需要特定的样式在给添加类,两者之间通过空格区分开来调用
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)