当前位置: 传客网 > CSS技巧和经验:

CSS技巧和经验:

2017-01-08 作者:CC大神01



如何清除图片下方出现几像素的空白间隙

1

img {

display: block;

}

2

img {

vertical-align: top;

}

除了text-top | middle | bottom | text-bottom值都可以

3

的父元素

#test {

font-size: 0;

line-height: 0;

}

如何让文本垂直对齐文本输入框

input {

vertical-align: middle;

}


如何让单行文本在容器内垂直居中

#test {

height: 25px;

line-height: 25px;

}

只需设置文本的行高即可

如何让超链接访问后和访问前的颜色不同且访问后仍保留效果 为什么是link-visited-hover-active

a:link {

color: #03c;

}

a:visited {

color: #666;

}

a:hover {

color: #f30;

}

a:active {

color: #c30;

}

(讨厌)

如何使文本溢出边界不换行强制在一行内显示 详解

#test {

width: 150px;

white-space: nowrap;

}

设置容器的宽度和即可


如何使文本溢出边界显示为省略号 详解


#test {

width: 150px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

首先需设置将文本强制在一行内显示,然后将溢出的文本通过方式将截断的文本显示为省略号


如何使连续的长字符串自动换行 详解


#test {

width: 150px;

word-wrap: break-word;

}

值允许单词内换行


如何清除浮动


1

#test {

clear: both;

}

为浮动元素的下一个兄弟元素


2

#test {

display: block;

zoom: 1;

overflow: hidden;

}

height

3

#test {

zoom: 1;

}

#test:after {

display: block;

clear: both;

visibility: hidden;

height: 0;

content: '';

}

为浮动元素的父元素


如何定义鼠标指针的光标形状为手型 详解


#test {

cursor: pointer;

}

简单设置pointer

如何让已知宽高的容器在页面中水平垂直居中


详解


#test {

width: 200px;

height: 100px;

position: relative;

top: 50%;

margin: 0 auto

margin-top: -50px;

}

首先容器为相对定位,设置使其水平居中


详解


#test {

width: 200px;

height: 100px;

position: relative;

top: 50%;

transform: translateY(-50%);

margin: 0 auto;

}

首先容器为相对定位,设置top: 50%;transform: translateY(-50%);使其水平居中


如何让未知尺寸的图片在已知宽高的容器内水平垂直居中 详解


#test {

display: table-cell;

width: 200px;

height: 200px;

text-align: center;

vertical-align: middle;

}

#test p {

margin: 0;

}

#test p img {

vertical-align: middle;

}

的父节点





相关推荐

  • 考场作答申论的十大经验技巧

      考场作答申论的十大经验技巧  ————编者寄语广大考生  此文是高守国于2009年11月20日,中央机关及其直属结构公务员录用考试前一周,在中国法制出版社网站(.zgfzs.)发表的。后来此文又被收录在《申论。面试》书的前面,买过这本书

  • 深度无盘使用经验技巧集合

    在这里,将深度无盘的一些使用经验技巧帖子做了整理.大家在学习完新手安装教程之后,如想进一步提升自己的技术,这里将是一个非常快捷的通道.希望能对大家有一定的帮助.深度无盘初体验:http://bbs.txwb.com/read-htm-tid

  • 批发经验,外贸服装店需要掌握的服装批发经验技巧

    2015-11-12  第六、买入库存积压或清仓处理产品  我们开店做外贸服装,除了要懂得店铺经营之外,最重要的是要如何寻找外贸服装进货渠道,外贸服装店需要掌握哪些服装批发经验技巧呢?一起来学习下。  第一、批发市场进货我们开店做外贸服装,

  • 数控车工实操经验技巧27条

    数控车工实操经验技巧27条1、高速车削细长轴时应注意的问题“车工怕车杆”。这句话反映出车削细长杆的难度。由于细长轴的特点和技术要求,在高速车削时,易产生振动、多棱、竹节、圆柱度差和弯曲等缺陷。要想顺利地把它车好,必须全面注意工艺中的问题。(

  • [经验技巧] 【转载】新入windows phone 流量也要hold住。

    原文链接:[经验技巧]【转载】新入windowsphone流量也要hold住。WP7论坛!WINDOWSPHONE7系统为我们提供了前所未有的体验,那就是在线同步服务,但好的服务也要付出昂贵的代价,那就是网络流量,我感觉在木有wifi情况下

  • Delphi经验技巧集锦

    Delphi经验技巧集锦作者:吴泽平文章来源:逆风sBLog点击数:一.为列表框添光彩----为了改变Listbox和Combobox两个控件的单调风格,我想在它们的每一项前面加上个图标。从表面上看好像不大可能啦。就在走投无路的时候,我忽然

  • PHP编写网站程序的十个经验技巧

    PHP编写网站程序的十个经验技巧[url=http://www.now.cn/indexr.php?r=!bbstoudeng]www.now.cnvhost[/url][url=http://www.now.cn/indexr.php?r

  • 考场作答申论的十大经验技巧

    考场作答申论的十大经验技巧各位坛友,大家好!2010年的考试大纲中“申论”部分有了较大改动,为了便于大家的理解和把握,我在讲解之前先与大家共同探讨一下申论新大纲。一、对今年考试大纲的解读我一直强调“把申论考试大纲那几句话背下来,每天默念十遍

  • 资深老驴亲身传教 新驴户外徒步经验技巧

    徒步刚开始徒步的时候,凡事都有一个循序渐进的过程,如果你是刚刚参与到户外徒步的阵营中来,一定不要急于求成。下面的几条原则对于刚开始徒步的户外爱好者有一定的参考意义。一、一定要按照自己的速度来走:不要逞强埋头猛走,这样会大量消耗体力,结果是欲

  • 永平法硕复试政策经验技巧一本通(8.0版)

    GuidancetoJMInterviewTestPolicy,ExperienceandTechnique原标题:《我谈法律硕士复试政策经验与技巧(6.0版)》  很多人关心的“法硕如何成功调剂”的详细指导则请阅读永平法硕网站政策专栏另一

  • 浅谈整站SEO优化的经验技巧

    上一篇文章写到SEO经验与技巧之整站优化概述。这篇内容说说整站优化与网页优化的区别吧。在上一篇当中,也有讲到一点整站优化与网页优化的不同之处。转回来说其目地是一样的,都是为了排名。接下来我细谈下它们两者当中存在的不同之处。  整站优化与网页

  • SP短信联盟日赚600经验技巧

    给大家讲下我自己做SP短信联盟的一些技巧和窍门,希望大家都有所成就.方法是死的,人是活的,要灵活运用,给大家总结分享一下!技巧:1,注意事项:空间和域名.为了不必要的麻烦,空间一定要是国外空间,域名全部假资料,或者用国外域名.空间要稳定快速

  • 论文参考文献的经验技巧解析

    在写论文的时候,我们除了为了让自己的论证内容变得更加的专业之外,最关键的就是一定要注意论文的客观性,所以针对我们个人的论点一定要能够做到专业,并且能够保证学术性和逻辑性更强,所以在引用论文文献的时候,这是非常关键的一个步骤,也是需要掌握一定

  • 平安下款实操,实测2天下款18000经验技巧以及最新下款口子

    分享下面几款可以下款的免费口子,这是其中一个.平安陆金所是属于平安旗下的信贷投资的平台,通过该平台可以申请贷款,但是有很多人没有掌握其中的技巧,导致额度低甚至申请被拒绝,下面分享平安1-2天下款18000元,内部分享资料,新版陆金所下款及其

  • 你不得不知道的引流经验技巧

    不管你在网络上的目的是什么,流量肯定是你的必需;否则你其他设计的再好,东西再牛B,没人看,没人知道,也是白瞎掰;而随着电商的火热,SEO,竞价方面的成熟;如今的流量,也越来越贵,那时至今日,引流方面都有哪些技巧了?之前的引流手段还有哪些至今

  • SQL SERVER实用经验技巧集

    SqlServer实用操作小技巧集合包括安装时提示有挂起的操作、收缩数据库、压缩数据库、转移数据库给新用户以已存在用户权限、检查备份集、修复数据库等(一)挂起操作在安装Sql或sp补丁的时候系统提示之前有挂起的安装操作,要求重启,这里往往重

  • SQL SERVER实用经验技巧集

    此文是SqlServer实用操作小技巧集合,包括安装时提示有挂起的操作、收缩数据库、压缩数据库、转移数据库给新用户以已存在用户权限、检查备份集、修复数据库等。  (一)挂起操作  在安装Sql或sp补丁的时候系统提示之前有挂起的安装操作,要

  • 软装配饰搭配经验技巧-五色光软装设计

    首先,我们要知道,软装配饰主要包括哪些元素。家具、灯具、布艺、画艺、饰品等等,都属于软装配饰。当然了,软装配饰的搭配并不是静静把自己喜欢的一些东西随意罗列或者根据自己喜好摆放出来,而是要在诸多软装配饰元素之间有一个整体的规划。  其次,我们

  • 从源码编译安装软件经验+技巧

    从源码编译安装东东,不是很容易,想想在使用lfs之前,源码编译安装软件从来没成功过,甚至出现错误都无从下手,只能放弃:(经过lfs的洗礼,总算对源码编译安装有了一点认识,可惜当初没有把这些经验写下来:(不过现在开始写也不迟:)将编译中遇到的

  • 谈整站SEO优化的经验技巧

    seo整站优化经验实战,做整站优化是做好网站各个方面的优化工作,而不只是网站优化推广这个小项目。矮化,窄化,或者简单化,让那些站长认为网站优化只是关键词排名,只要关键词排名到了第一页,流量就会上去,其实那是把事情看的过于简单了。那么什么是整

返回
顶部