在学习HTML时,遇到中间有很大空白,没有办法让下面的文字上去,求大神

在学习HTML时,遇到中间有很大空白,没有办法让下面的文字上去,求大神,第1张

你需要写两个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是公用类,写好一些需要公用的样式,然后各自的节点元素需要特定的样式在给添加类,两者之间通过空格区分开来调用


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/zaji/5928272.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-08
下一篇 2023-03-08

发表评论

登录后才能评论

评论列表(0条)

保存