padding

mcrypt encrypt adding s bunch of '%00' to end of string

由 穿精又带淫゛_ 提交于 2019-12-29 07:01:11
问题 Working with OAuth and encrypting the keys with the following function with a string which we'll call 'foo' (actually an OAuth token) public function encrypt( $text ) { // add end of text delimiter $data = mcrypt_encrypt( MCRYPT_RIJNDAEL_128, $this->key, $text, MCRYPT_MODE_ECB, $this->iv ); return base64_encode( $data ); } When I decrypt it using the inverse function, I end up with: Function: public function decrypt( $text ) { $text = base64_decode( $text ); return mcrypt_decrypt( MCRYPT

Padding based on size of string?

由 落爺英雄遲暮 提交于 2019-12-29 01:37:29
问题 I'm trying to dynamically insert some list into an element called foos . I want to manually number this list (e.g. <span>${i + 1}. </span> for i in the list element number) but I want the distance between this number and the element to align nicely. By nicely I mean: 8. foo 9. foo 10. foo 11. foo rather than what is displayed in the snippet, i.e. 8. foo 9. foo 10. foo 11. foo Thanks for any help here! let people = ['foo', 'foo', 'foo', 'foo', 'foo', 'foo', 'foo', 'foo', 'foo', 'foo', 'foo',

css盒子模型

由 偶尔善良 提交于 2019-12-29 01:26:12
## 盒子的概念: ## （1） 是CSS控制页面的一个重要的概念，只有很好掌握了盒子模型以及其中每个元素用法才能真正控制好页面中的各个元素； （2）在CSS中，一个独立的盒子模型有：content（内容）、border（边框）、padding（内边距）、和margin（外边距）； （3）width和height属性只能应用于元素内容区域。 边框：border border-style:规定边框的样式 border-width：边框宽度 border-color：边框颜色 eg： border： 1px #000000 solid; 外边距：margin 外边距是围绕在元素边框之外的可选区域，有matgin-top、margin-right、margin-left、margin-bottom。 内边距：padding 内容与边框之间的距离，有padding-top、padding-right、padding-left、padding-bottom。 eg：padding：50px（只有一个值表示上下左右都有50px的距离） padding： 50px 100px（有两个值时，第一个值表示上下的距离；第二个表示左右）； padding：50px 30px 100px（有三个值时，分别标书上，右左，下） padding：50px 10px 100px 50px（有四个值时

CSS中设置div垂直居中

由 Deadly 提交于 2019-12-29 00:04:18
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。 Tips: 完美解决方案在文末！ 一、单行垂直居中 　　 如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。 1 2 3 4 5 6 7 如： div { height : 25px ; line-height : 25px ; overflow : hidden ; } 　　这段代码很简，后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

JS获取IMG图片高宽

由 对着背影说爱祢 提交于 2019-12-28 17:05:20
前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时，遇到一个问题。不管用什么样的方法都无法获取到IMG标签的高宽，最后只有给图片定一个高宽的比例值；趁今天有空我就写了几个demo测试了下，找了下原因；且听我细细说来，如有哪里说的不对的，欢迎拍砖～～～ 首先获取高宽的方法具我所知有：obj.style.width(height); obj.offsetWidth(offsetHeight); obj.clientWidth(clientHeight); getComputedStyle 与 currentStyle; obj.naturalWidth(naturalHeight) 为了叙述简单，这里仅为width为例。 先说第一个方法：obj.style.width；这个方法，只有在标签里用style属性写进了width的大小，才可以获取到值，否则只返回的为空。看下面的demo: <img style="width:400px" src="http://img.hb.aicdn.com/787bf87d05ad774522dd92151b3051b463229a11109598-9QXV9C_fw658"> <script> var imgW = document.getElementsByTagName('img')[0].style.width;

盒子模型

由 你说的曾经没有我的故事 提交于 2019-12-28 14:37:54
在css中，每个元素都可以当作一个矩形的盒子。之所以这样是为了更方便布局。把这些元素作为盒子后，我们的布局就相当于在页面中摆放盒子了。 Content内容区 内容区相当于盒子存放东西的空间，位于盒子的最里层。元素的所有子元素都是放在父元素的内容区。 值得注意的是， 当我们指定一个元素的width和height时，其实只是设置了内容区的宽和高。 padding内边距 盒子在内容区周围可能有一层内边距，会影响盒子的大小。内边距是透明的，没有颜色也没有装饰。 盒子一共有四个方向的内边距，分别为padding-top、padding-right、padding-bottom、padding-left。 可以利用上述属性设置单侧内边距，也可以同时设置四个方向的内边距。例如：padding：10px 20px 30px 40px; 表示的是设置上 右 下 左的内边距分别为10px，20px, 30px, 40px。 也可以 padding: 10px 20px 30px; 表示的是上 左右 下 的内边距 也可以 padding:10px 20px; 表示的是上下 左右 的内边距 还可以 padding：10px; 表示的是 上下左右 内边距都为10px. Border边框 边框位于盒子的边缘， 设置边框需要同时设置border-width、border-color、border

Python学习 Day 041 - css 盒模型

由 陌路散爱 提交于 2019-12-28 14:37:35
主要内容 1.盒模型 2.浮动 1.盒模型 (1)盒模型的属性 width : 内容的宽度 height : 内容的宽度 padding : 内边距,边框到内容的距离 border : 边框,就是指的盒子的宽度 margin : 外边距,盒子边框到附近最近盒子的距离 <title>Title</title> <style> .box{ width: 200px; height:200px; padding:50px; background-color:red; border: 1px solid yellow; margin: 30px; } </style> </head> <body> <div class="box">倚天屠龙记</div> </body> 盒模型代码 (2)盒模型的计算 如果保证盒模型不变,当加padding,就要对盒模型的宽或者高减,保证盒模型的不变 ​ 通过padding能调整子内容的位置,对于padding来说,通常描述的是父子之间的距离 (3)padding(内边距) padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 padding的设置 <title>Title</title>

CSS的常用属性

由 有些话、适合烂在心里 提交于 2019-12-28 14:37:14
一、字体属性 　　(1)font-family 　　　　例子： body{ 　　　　　　 font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif 　　　　} 　　　　sans-serif是无衬线字体，是通用字体，末尾加上，是为了保证能调用这个字体族。依次选择，先microsoft yahei ,最后是sans-serif。 　　(2)font-weight 　　　　字体粗细，取值范围如下： 　　　　 　　(3)font-size 　　　　字体大小，一般选14px； 　　(4)color 　　　　字体颜色，三种模式[十六进制、rgb、名称] 可见其他博客。 二、文字属性 　　(1)text-align ： 文本对齐，规定元素中文本的水平对齐方式 　　 　　(2)line-height： 行高，当盒子的line-height和盒子高度一致，意味着文本垂直对齐。 　　(3)text-decoration：文字装饰，常用于a标签，用来去除下划线。 　　 三、背景属性 　　(1)常用的背景属性 　　 　　示例： body { 　　　　　　background-color: red; 　　　　　　backgraound-image: url(xx.png); 　　　　　　background-size: 300px 300px;

css学习1

由 安稳与你 提交于 2019-12-28 14:36:52
　　选择器不多说，个人觉得选择器权重才是选择器的重点，只要知道浏览器在排查一长串选择器的时候，是从后往前排查的。 　　eg：div>ul li a em {....} 浏览器看到这一长串，为了节省效率，会从后往前排查，就是从em到div。 　　关于我怎么不截图：截的图粘贴不过来，886。 一、关于选择器权重 　　 有时候你发现自己的样式没有在你的元素上表现出来，除了检查有没有写错选择器，还可以看看是不是优先级的问题。 　　 1）关于优先级 　　　 !important > 行间样式 >id选择器 > class选择器 | 属性选择器 > 标签选择器 > 通配符选择器 　　 2）权重　 　　　　优先级是根据内部权重进行总结的。 　　　　 选择器权重 ！important 正无穷 行间样式 1000 id 100 class选择器|属性选择器|伪类选择器 10 标签选择器|伪元素选择器 1 通配符选择器 0 　　　　　　注意：这些权重的值都不是十进制而是 256进制 。 　　　　　　eg：.wrapper .top .nav ul li #id { } 权重值是：10+10+10+1+1+100 = 131 　　　　　　　　如果选出同一个元素的选择器串权重值一样，后面 覆盖 前面的。 　　　　　　　　如果.wrapper .top .nav ul li #id

HTML 之 CSS

由 陌路散爱 提交于 2019-12-28 14:33:02
CSS 　　　　　　CSS：CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。 一、CSS 的四种引用方式 　　1.1 行内式 　　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 1 <p style="color: slateblue;background-color: black">hello p</p> 　　1.2 嵌入式 　　　嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中，不推荐使用。格式如下： 1 <head> 2 <meta charset="UTF-8"> 3 <title>Title</title> 4 5 <style> 6 div{ 7 color: red; 8 background-color: gray; 9 } 10 </style> 11 </head> 　　 1.3 链接式 　　　将一个.css文件引入到HTML文件中， 强烈推荐使用。 1 <link type="text/css" rel="stylesheet" href="css.css"> 　　　css.css 是一个 CSS 文件，封装了 CSS 代码。 　　1.4 导入式 　　　将一个独立的
订阅 padding