
CSS 实例
常用 CSS
<李小狮 / >
程序媛
展开
-
引用图片文件 绝对路径和相对路径
绝对路径和相对路径原创 2020-11-11 16:11:00 · 1056 阅读 · 0 评论 -
文字根据图片环绕 + 显示文字两行后省略号
首先看布局:“拼团价” 这里是图片,标题文字要环绕,第二行文字要在图片的下面1、正常的做法是:设置图片float,这样就可以实现;.info-content_title{ clear: both;}.content-title_logo{ float: left;}<view class="info-content_title"> <image class="content-title_logo" src="../img/groupBookin原创 2020-11-09 14:35:15 · 771 阅读 · 0 评论 -
不用表格布局的 多列布局
<view class="column col-2"> <text class="info">姓名:{{name}}</text> <text class="info">电话:{{tel}}</text></view><view class="column col-2"> <text class="info">性别:{{sex}}</text> <text class="info"&原创 2020-07-12 15:42:28 · 201 阅读 · 0 评论 -
图片居中方法之一
display: block; width: 90%; margin-left: auto; margin-right: auto; position: fixed; left: 0; right: 0; bottom: 0;原创 2020-07-11 22:09:12 · 199 阅读 · 0 评论 -
复习 Flex 布局 排列和对齐
<view class="container"> <view class="s1">A</view> <view class="s2">A</view> <view class="s3">A</view> <view class="s4">A</view></view>.container{ display: flex; background-color: p原创 2020-07-11 17:19:18 · 350 阅读 · 0 评论 -
Flex 布局 flex-grow 占用空间
1、占用空间 flex-grow没有设置 flex-grow 时:s1、s2、s3、s4 各宽度100,预留多余空白处。s2设置 flex-grow 时:占用了多余空白处,增长了自身宽度,没有了多余的空白处,自身宽度也从宽度100加到了114。s2和s3都设置了flew-grow时:同时平分了多余的空白处,并且自身宽度都增加了。<!-- Flex 布局 --><view class="container"> <view class="s1"><原创 2020-07-11 16:48:16 · 854 阅读 · 0 评论