box

CSDN去广告打印博客方法

旧巷老猫 提交于 2020-02-20 18:02:03
1. chrome中打开要打印的csdn网页 2. 右键->检查,选择控制台(console) 3. 复制下面代码并回车即可(注意把csdn的脚注去掉,纯js代码) 4. 边界打印不全解决:打印更多设置,边距设为 最小值 (function(){ var e = $('.hide-article-box'); if(e.length > 0){ ok = true; e.remove(); $('#article_content').removeAttr('style'); } $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".tool-box").remove(); $("main").css('display','content'); $("main").css(

C++——this指针

谁都会走 提交于 2020-02-20 03:09:17
参考链接: https://blog.csdn.net/ChaoFeiLi/article/details/103612849 https://blog.csdn.net/chenyt01/article/details/51316022 定义:指向当前对象的this指针 this指针:指向当前对象,保存当前对象的地址 类型:类名 * 类成员函数的形参列表中的第一个参数(隐含的参数) int Box::volume(){ return this->length * this->width * this->height; } C++编译器处理为: int Box::volume(Box *this){ return this->length * this->width * this->height; } 先有对象,然后有this指针 编译器的调用过程:box.volume(&box) , this = &box,然后才是成员变量或函数成员 this指针比较特殊的使用方式: 返回当前对象的地址和返回当前的对象 //类声明文件 Box* getAddr();//返回当前对象的地址 Box getSelf();//返回当前对象 //类实现文件 Box* Box::getAddr()//返回当前对象的地址 { return this; } Box Box::getSelf()//返回当前对象

未知高度的图片垂直居中

邮差的信 提交于 2020-02-19 07:47:42
图片的宽度和高度是未知的,没有固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中。最近的在做的项目就有这个需求,所以先把一些常用的方法都收集整理了一下。 下图是理想中的效果图,外部容器的宽度和高度固定,中间的图片宽度和高度未知,但是图片要始终要相对于外部的容器垂直居中。 但是实际在浏览器中实现起来的效果并不是很完美,由于各浏览器的解析都各不相同,所以在各浏览器都会有1px-3px的偏差。 方法一: 该方法是将外部容器的显示模式设置成display:table,img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样就可以很方便的使用vertical-align象表格元素那样对齐了,当然这只是在标准浏览器下,IE6/IE7还得使用定位。 HTML结构部分: <div id="box"><span><img src="images/demo.jpg" alt="" /></span></div> CSS样式部分: <style type="text/css">#box{ width:500px;height:400px; display:table; text-align:center; border:1px solid #d3d3d3;background:#fff;}#box span{ display

CSS - 神奇的BFC

被刻印的时光 ゝ 提交于 2020-02-18 07:12:34
一、什么是BFC? BFC(Block Formatting Context) Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。 block-level box:display 属性为 block, list-item, table 的元素,会生成 block-level box。并且参与 block fomatting context; inline-level box:display 属性为 inline, inline-block, inline-table 的元素,会生成 inline-level box。并且参与 inline formatting context; run-in box: css3 中才有 Formatting Context Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有

理解display中的box-flex属性

早过忘川 提交于 2020-02-17 22:37:45
今天有个同学在面试的时候碰到了使用css2和css3实现一种页面布局,要求页面效果如下: 在实现这种页面布局时,他使用了display:box-flex,下面是相应的代码: css2 方式 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> html{height: 100%;} body{margin: 0;padding: 0;height: 100%;padding-left: 200px;padding-top: 40px;} .header{height: 40px;width:100%;background: #f40;position: absolute;top:0;left:0;} .left{width: 200px;position: absolute;top:40px;left: 0;background: green;height: 100%;} .right{height: 100%;background: red; } </style> </head> <body> <div class="header"></div> <div class="left"></div> <div class="right"></div> </body>

Think Python - Chapter 15 - Classes and objects

北城余情 提交于 2020-02-16 05:26:46
15.1 User-defined types We have used many of Python’s built-in types; now we are going to define a new type. As an example, we will create a type called Point that represents a point in two-dimensional space. In mathematical notation, points are often written in parentheses with a comma separating the coordinates. For example, (0, 0) represents the origin, and (x, y) represents the point x units to the right and y units up from the origin. There are several ways we might represent points in Python: We could store the coordinates separately in two variables, x and y. We could store the

原生js生成九宫格布局

 ̄綄美尐妖づ 提交于 2020-02-14 08:27:35
话不多说,直接上图 点击3列,他就变成3列布局 点击4列,变成四列 先来看html代码 < style > * { padding : 0 ; margin : 0 ; } #content { margin - top : 20 px ; position : relative ; } #content . box { width : 100 px ; height : 200 px ; margin : 5 px 0 ; border : 1 px solid red ; } < / style > < div id = "btns" > < button > 3 列 < / button > < button > 4 列 < / button > < button > 5 列 < / button > < / div > < div id = "content" > < div class = "box" > < / div > < div class = "box" > < / div > < div class = "box" > < / div > < div class = "box" > < / div > < div class = "box" > < / div > < div class = "box" > < / div > < div class =

angular获取横向滚动条的scrollLeft距离;

大憨熊 提交于 2020-02-13 01:20:11
//滑动时二级菜单跟随滑动 zswApp.directive('scrollNav', function () { return { restrict: "A", scope: true, link: function ($scope, elm, attr, controller) { var navbox=$(".nav_box"); //得到导航对象 var scrollFn = function(){ var navbox=$(".nav_box"); //得到导航对象 $(".nav2_box").css("left",navbox.scrollLeft()); }; navbox.on('scroll',scrollFn); $scope.$on('$destroy',function(){ navbox.off('scroll',scrollFn); }) } } }); 来源: https://www.cnblogs.com/vonson/p/9133428.html

正则表达式 --- 特殊元字符

别说谁变了你拦得住时间么 提交于 2020-02-12 19:30:58
一、 ^ 以xxx开头 1、以数字开头时 let reg = /^\d/ let box = "6aaaaaaaa" console . log ( reg . test ( box ) ) // 结果为true 2、以非数字开头时 let reg = /^\d/ let box = "aaaaaaaa" console . log ( reg . test ( box ) ) // 结果为false 二、 $ 以xxx结尾 1、以数字结尾时 let reg = /\d$/ let box = "text1" console . log ( reg . test ( box ) ) // 结果为true 2、以非数字结尾时 let reg = /\d$/ let box = "text" console . log ( reg . test ( box ) ) // 结果为false 三、 ^ 和 $ 结合使用时 1、如果都使用,那么要匹配的值必须得是某个规则的才行; 如下代码, \d+ 原本表示只要包含0到9的数字,且有1个或者多个就行,但是前后都加上了 ^ 和 $ ,那么此时就表示只能是数字,所以结果为 false let reg = /^\d+$/ let box = "1text2" console . log ( reg . test ( box ) ) //

BFC 神奇背后的原理

北城余情 提交于 2020-02-09 18:09:56
转载http://blog.melonhuang.gitpress.org/~docs/css/1formattingContext.md BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC , 以及 BFC 的一些用处(如清浮动,防止margin重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章,来全面地理解BFC: BFC 是个什么? 哪些元素会生成 BFC BFC 的神奇的作用,及背后的原理 一、BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box , Formatting context 的概念。 Box: CSS布局的基本单位 Box 是CSS布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和display属性,决定了这个 Box 的类型。 不同类型的 Box , 会参与不同的 Formatting context (一个决定如何渲染文档的容器),因此 Box 内的元素会以不同的方式渲染。让我们看看有哪些盒子: block-level box : display属性为block, list-item, table的元素,会生成 block-level box 。并且参与