弹窗的基础使用以及另外的一些模板可以参考:https://www.tnblog.net/aojiancc2/article/details/7064[TOC]基础模板一：弹窗里边一点方块与文字信息(使用的grid布局)效果图一：
弹窗里边的代码与样式一<template>
<view class="popup-container">
<view class="titleW...
2024-07-16
浏览（3022）
如果是使用网格系统可以参考：https://www.tnblog.net/aojiancc2/article/details/4886更多实现可以参考：https://www.tnblog.net/notebook/article/details/7790使用flex布局的情况下，需要自定义宽度的div增加一个flex-grow:1即可<divclass="row">
<divclass=""style="flex-g...
2020-08-20
浏览（9317）
无图无真相效果如下:思路：就正常放这些选择框，输入框，按钮，然后把这些本身的边框去掉，在在外面的div整一个统一的边框...看上去就是这种效果了...html代码如下：<divid="search">
<divid="search-wrap">
<selectclass="search-choise">
<option>课程...
2020-08-15
浏览（13564）
bootstrap3中的写法：<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>Bootstrap实例-上下文类</title>
<linkrel="stylesheet"href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
...
2020-08-14
浏览（9313）
配合bootstrap4来写的，效果图直接贴代码吧:直接复制运行即可看到效果：<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metaname="viewport"content="width=device-width,initial-scale=1.0"/>
<title>写样式中......</title...
2020-08-14
浏览（13917）
其实很简单直接给table设置一个margin:top auto就可以了layer:layer.open({
type:1,
title:"更新",
area:["350px","260px"],
content:$("#updatediv"),
btn:["确定","取消"],
});html:<divid="updatediv"style="display:none...
2019-09-03
浏览（10987）
其实就是page-container-bg-solid 样式加上右边内容就有灰色的背景效果如下如果不加就是全白的背景、如果需要根据不同的内容页使用不同的风格,可以定义一个变量在内容页去设置，或者在内容页覆盖默认风格也行比如默认不在page-container-bg-solid就是白色背景，如果需要灰色背景的页面就使用jquery添加一下样式就ok...
2019-08-04
浏览（7901）
DIV等元素水平居中定宽度+margin:top auto可以让一个块级别元素在外层居中例如这样：效果：可以看到这个div已经居中了但是我们里边的表格还没有居中，我们也可以给表格这样来一套，让他相对它的父级居中我们看到里边的表格也已经居中了，但是表格内容并没有居中，因为输入框的长度不等于表格的长度哇想让内容居中很...
2019-06-17
浏览（7235）
父容器使用相对定位position: relative子容器使用绝对定位position: relative这样就可以子容器相对父容器定位了，可以写一个自适应样式例如：要实现一个很简单的列表展示价格和购买是相对父容器底部10px，买够是自适应整个页面具体右边10px<divstyle="position:relative">
<div>
<imgsr...
2019-03-13
浏览（7015）
flex布局中内容div自适应高度<divclass="content">
<divclass="text-center"style="height:1800px;background:#abcdff;width:500px;">
新年好
</div>
<divclass="mydiv"id="rightdiv">
<divstyle="width:180px;height...
2019-02-17
浏览（7583）
当我们修改了css后，如果不做一些操作，浏览器是不会自动更新我们的样式文件的。除非是过期或者用户手动刷新清理缓存等。所以我们要做一点工作，让浏览器刷新缓存方法1：在css后面加一个版本号，例如?v=2global.css?v=2如果不行的话就用方法2方法2：修改文件名，在文件名后面添加版本号，这样相当于每次样式都是...
2019-01-05
浏览（7401）
实现返回顶部效果2：http://www.tnblog.net/aojiancc2/article/details/2677实现的效果如下可以点击它返回到首页去html部分<ulclass="layui-fixbar"style="right:50px;bottom:50px;">
<liclass="layui-iconlayui-fixbar-top"id="to_top"style="background-...
2018-12-25
浏览（13897）
一般相对定位和绝对定位可以配合起来使用 例如实现如下的效果 只需要在外层div设置为相对定位，在内部设置为绝对定位就好 注意:外层的div需要设置一个高度，不然div与div会重叠在一起注意设置相对定位的时候，会影响浮动，让两个div重叠 两个div都设置浮动就好了效果如下：
2018-12-14
浏览（7881）
css弹性盒子由于版本不同浏览器问题造成了一些不同的写法display:flexbox;在google浏览器中如果使用下面的写法就不行display:flexbox;需要加上前缀--webkit，就是浏览器兼容问题display:-webkit-box;Flex的各种浏览器兼容问题写法(各种写法一堆列出来，支持哪一种就设别哪一种).content{
display:-webkit-box!impo...
2018-11-25
浏览（8986）
文字和图片写到一排经常会出现对不齐的问题 这样感觉图片会上来一点没有和文字对齐，如下图 但是如果修改下html结构就可以了 文字放置在外面就可以了 方法2：用css设置img的vertical-align:middle即可，然后再设置其上下margin或padding就可以实现在div中的对齐
2018-03-07
浏览（8041）
;
50010702506256
