美文网首页
layui轮播图设置宽度和高度

layui轮播图设置宽度和高度

作者: 青木川_ | 来源:发表于2017-12-07 14:47 被阅读432次

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="layui/css/layui.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="layui/layui.all.js"></script>
</head>
<body>
<div class="layui-carousel" id="test3">
<div carousel-item="">
<div>条目1</div>
<div>条目2</div>



</div>
</div>

<script>
layui.use(['carousel', 'form'], function(){
var carousel = layui.carousel
,form = layui.form;
//设定各种参数
var ins3 = carousel.render({
elem: '#test3'
,width: '100%'
,height: '540px'
});
});
</script>

</body>
</html>


看没看到

相关文章

  • layui轮播图设置宽度和高度

    layui 条目1 条目2 layui.use...

  • Day3 新闻列表页面

    Swiper组件构建轮播图 设置css样式时,注意设置在swiper-item上设置宽度(100%)和高度,同样的...

  • 2018-10-25

    轮播的实现 看了网上很多轮播实现的例子,自己简单理了理。 整体思路是,写一个盒子设置成一张轮播图的高度和宽度,设置...

  • vue的element ui 轮播图的高度设置成自适应

    vue的element ui 轮播图的高度设置成自适应

  • css盒子模型的宽度和高度

    1内容的宽度和高度就是通过标签的width height设置的宽度和高度 2元素的宽度和高度宽度 = 左边框+左内...

  • react-native-swiper的宽度和高度如何设置

    问题:react-native-swiper的宽度和高度怎么设置? 本文我们将用设置高度来举例说明(宽度的设置可以...

  • CSS-尺寸样式属性

    代码: 注意: 标签不能设置宽高,因为span是行内元素,不可以设置宽度和高度。块级元素才能设置宽度和高度。

  • PYG-MAIN

    1.主体 1.1焦点图 中心轮播图 注意:一定记得给子类添加高度和宽度 1.2news新闻模块 新闻标题超出li的...

  • 弹性盒模型 居中

    1.定义好 父亲 儿子 2.设置好父亲的宽度 和高度 。。。。。和儿子的宽度 和高度 3.讲付清设置为弹性盒模型,...

  • CSS3背景

    background-size length:设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度,如果只...

网友评论

      本文标题:layui轮播图设置宽度和高度

      本文链接:https://www.haomeiwen.com/subject/uzidixtx.html