在日常开发网站中，我们常常会用到div容器

但是在使用的过程中我们发现div为块级元素会铺满整个宽度

但是在一些业务需求中 需要多个容器排列在一排

那么我们该如何解决这种问题呢 在这里介绍两种方法

第一种

给父级div设置属性display值为flex，

行内元素：

行内元素的特点：1.同一行显示2.不能设置宽高（设置宽高不生效）

span 、a、img、input、td 、strong、em、i、del、ins、select、label、textarea 等；其中span是最典型的行内元素

这是效果

文本只有超过5行才显示，一开始直接跟产品说做不了，想着要通过canvas做计算，列表做这个计算太费性能了。

哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

第二阶段 CSS3

06 标签显示模式

CSS可以写到那个位置？是不是一定写到html文件里面呢？

样式表的书写位置有三种，行内、内部、外部。

1 行内样式表

也叫内联样式

大家好，html模板的判断语句和Python里的写法是一样的，只不过每一行需要包裹在花括号和百分号里。

·从视图函数里传递一个名称为user的数据，user变量的值输入小铁，在html文件里判断。如果user返回了数据显示欢迎你小铁，否则如果没有显示数据显示请登录。

·最后用and if来闭合判断语句，运行Web服务，在浏览器里查看效果。因为user这个变量是有数据的，所以前端显示的欢迎您小铁。将user变量的值改成无，回到浏览器查看效果，这个时候浏览器显示的是请登录。

本方案支持颜色自定义，高亮行数自定义，可高亮多行，可定义多个颜色，主要实现方式是css样式，代码简单易懂，下面看效果和代码吧：

当前效果：

预期效果：

一个 CSS3 loading 动画库，简单易用，动画流畅，无论是学习还是使用，都很不错。

关于 Loaders.css

层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。本节将介绍 CSS 的基础知识，并解答类似问题：怎样将文本设置为黑色或红色？怎样将内容显示在屏幕的特定位置？怎样用背景图片或颜色来装饰网页？

CSS 究竟什么来头？

1. css 一行文本超出...

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

2.多行文本超出显示...

亚马逊描述中支持的常用HTML代码：
1. 换行符号 <br>
第一行内容<br>
第二行内容<br>