【frontend】如何横向排列?

div 默认是纵向排列的,但是很多时候我们有在一个容器内横向排列的要求。如果横向排满了再进行换行,这个如何实现呢?

问题:
清除浮动的概念我还是不太理解。

总结:
一个方法是float
另一个方法是display:inline-block


可以使用float=left进行控制吗?

从上往下排列比较容易理解,那么从左往右排列改如何实现呢?
在这里插入图片描述

如何实现这种类似于标签的显示?一行依赖于内容的长度进行显示。
在这里插入图片描述

float: left可以使其横向排列,但是这个时候父容器好像没有撑开,如何让父容器也能够撑开呢?
在这里插入图片描述

但是我感觉设置display:inline-block的效果更好。
在这里插入图片描述


鼠标悬浮显示全部文字如何做到?鼠标移动上去时候显示完整内容。
可以使用title属性


如何让一张图片和文字在同一行显示
在这里插入图片描述
可以在父容器里面使用display:flex

posted @ 2022-08-16 19:50  叶常落  阅读(1)  评论(0编辑  收藏  举报  来源