网站导航
- zblogPHP模板zbpkf
- zblog免费模板zblogfree
- zblog模板学习zblogxuexi
- zblogPHP仿站zbpfang
-
CSS 选择器参考手册
CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...
-
jQuery修改class属性和CSS样式
class属性修改 类属性即class属性,规定类名. 用类选择器规定样式的时候,需要为元素指定类名,即class属性的值. 注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔. 具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 用jQuery进行类名修改既可以用attr(...
-
zblogPHP模板制作技巧总结
判断:常用if判断 (CMS首页判断、侧栏判断)指定分类设置特殊模板样式,分类编辑选择为某些分类指定分类模板,后台版方法字段:主题调用指定字段文章(多选字段)方法 调用某篇文章:指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面(调取所有页面) 调用多篇文章:主题连续调用多篇文章,输入ID方法调取置顶文章到首页,限制(指定)N条数 调用某个(单个)分类:调用(指定)...
-
vertical-align使图片垂直居中的小细节
对于大小未知的图片如何水平垂直居中是大家一直以来经常会遇到的问题,个人觉得水平居中比较好处理,然而垂直居中却不那么好办。很多人都知道,有一个方法就是设置其父元素的行高line-height等于高度height,然后利用vertical-align:middle;达到垂直居中的效果,那么我们来看一下这种方法是不是可行。 <!DOCTYPE html> <html> <head&g...
-
CSS margin:auto做垂直居中方法
写过前端的都知道,margin:auto很容易就可以做成水平居中,但要做到垂直居中却不行,这是什么道理,难道margin:auto真的做不到垂直居中吗? 错!!!下面讲解下margin:auto如何做到垂直居中的:方法一:使用writing-mode:vertical-lr + margin:auto垂直居中 虽然垂直居中,但水平居中失败!!!<style> .father{height: ...
-
垂直居中-父元素高度确定的多行文本两个方法table+vertical-align:middle以及display:table-cell+vertical-align:middle
父元素高度确定的多行文本、图片等的竖直居中的方法有两种:方法一:使用插入 table (包括tbody、tr、td)标签,同时设置 vertical-align:middle。css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。下面看一下例子:html代码:<body> ...
-
CSS: 父元素高度确定的单行文本垂直居中使用height+line-height
各种居中问题,比如左右居中,垂直居中等,都是前端中比较常用,且容易混淆的问题,所以学习CSS时,必须把各种居中拿下,比如今天要介绍的单行文字居中问题!如上图:就是hi,imooc!进行了父元素(灰色背景)内进行了垂直居中,且是单行文字的垂直居中,常用于文章标题居中,本人在制作各种zblog主题的时候必用!其实垂直居中也分为:父元素高度确定的单行文本 、父元素高度确定的多行文本。本文只介绍高度确定的单行文本垂直居中问题!本节我们先来看第一...
-
div垂直居中 css div盒子上下垂直居中
div垂直居中 css div盒子上下垂直居中,让DIV盒子在任何浏览器中任何分辨率的显示屏浏览器中处于水平居中和上下垂直居中。div垂直居中常用于单个盒子,如一个页面里只有一个登录布局,使用div css让这个登录布局水平和css垂直居中。这里介绍一种最简单兼容性最好的水平居中与上下垂直居中的方法。<!DOCTYPE html> <html> <head>&nb...
-
CSS 元素垂直居中的 6种方法
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。Line-Height Method试用:单行文本垂直居中,demo代码:html1 2 3<div id="parent&...