摘要:
代码比较粗糙但可以用, 直接上代码: 1 <!DOCTYPE html> 2 <html lang="zh-cmn-Hans"> 3 <head> 4 <title>网申传媒</title> 5 <meta name="keywords" content="页面关键词"> 6 <meta name= 阅读全文
摘要:
【常用】swiper插件下使用container元素,使其自适应 代码如下,已做兼容处理: 效果: 方法二:利用card的card-img-overlay 制作背景图片 card有边框,所以这里要加上 border-0 阅读全文
摘要:
当使用 text-justify时,发现无法实现两端对齐,于是又增加了一个补丁样式: 阅读全文
摘要:
d-flex功能强大,可以实现响应式布局 flex-grow-1 用于设置子元素使用剩下的空间。 但实际运用中存在兼容问题及无法正常的分配宽度问题,现整理解决方法如下: 无法显示设置的宽度: 现象如图: 解决方法,把flex-grow-1的宽度设置为0px,代码如下: 显示效果如下图: 这种方式也解 阅读全文
摘要:
animate.css 是一款基本CSS3的动画样式插件,它定义了多种动画效果,见:http://www.jq22.com/yanshi819 给元素加入相应的样式类,即可赋于动画效果,非常easy! 1、 添加动画样式,实现动画效果: 说明: a) 样式 animated 指定它是一个动画元素。 阅读全文
摘要:
模态框由二类元素组成: 1、触发元素 2、模态框元素 一、定义模态框触发元素(以button为例): 二、定义模态框元素: 注意: 1) 一定要给模态框加上 tabindex="-1" 属性 2) 默认模态框是四个圆角,给模态框去掉圆形边角,示例:<div class="modal-content 阅读全文
该文被密码保护。 阅读全文
摘要:
四边都带有0.25rem的半径,见下图 四边都是直角,见下图: 左上角、左上角都带有0.25rem的半径,见下图: 左上角、右上角都带有0.25rem的半径,见下图: 右上角、右下角都带有0.25rem的半径,见下图: 左下角、右下角都带有0.25rem的半径,见下图: 圆形状态,见下图: 阅读全文
justify-content-{around | between | start | center | end }内容对齐 - bootStrap4常用CSS笔记(2019-05-16 09:38)
摘要:
bootStrap4中内容对齐有五种模式: 该样式必须和一个容器对像一起调用,否则无效,比如: 五种对齐样式,见下图: 示例代码: 阅读全文