Bootstrap布局之Flex
摘要：目录 概述 Direction justify-content align-items align-self flex-fill 概述：bootstrap的flex布局基于Direction相关的两个css flex-row 和 flex-column，flex-row是默认样式。基于这两个样式，应
阅读全文
posted @ 2020-12-04 15:39
随笔分类 - 前端 - Html
居中方案
摘要：基础知识： 元素默认布局 在html5解析引擎下<!DOCTYPE html>，行内元素根据元素内容来确定宽度，块元素会自动伸展布满浏览器或父容器 如下可见，div 默认布满一行，span属于行内元素，根据内容扩展宽度。 水平居中 设定宽度并小于100%，将元素的margin-left,right设
阅读全文
posted @ 2017-06-15 17:52
JQuery Offset实验与应用
摘要：我们有时候需要实现这样一种功能：点击一个按钮，然后在按钮的下方显示一个div。当按钮位于角落时，div的位置设定就需要计算，使div完全显示。 我打算使用offset()方法实现此功能，但要先弄清楚他的功能。实验： offset()的top是指元素与document的上边的距离，而不是浏览器当前窗体的上边缘，如图1。 图1：document高度超过window，window出现滚动条，拖动滚动条，提交按钮的offset().top不变，因为按钮与document上边缘距离未变。 图2：document中的div有滚动条，提交按钮的offset().top随div滚动条变化而变化...
阅读全文
posted @ 2012-11-14 08:44
JQuery window、document、 body
摘要：我电脑屏幕分辨率：1440 * 900 最大化浏览器,刷新浏览器 alert($(window).width() + " " + $(window).height()); 1423 768 alert($(document).width() + " " + $(document).height())
阅读全文
posted @ 2012-11-08 16:26
