css
奋斗中的小黑
这个作者很懒,什么都没留下…
展开
-
属性word-wrap与word-break的区别
word-wrap 强调的是是否允许单词内断句,而word-break强调的则是怎么样来进行单词内的断句。说到这里,好像依然不是很明朗,好吧,表达能力差的孩纸真是伤不起啊,只能用些实例来补救了。首先,何谓单词内断句?当然这里指的都是西文单词。这是没有单词内断句的情况,我们看到那个单词是在是太长了,所以它溢出了包裹它的容器。这是进行了单词内断句的情况,转载 2017-06-29 15:20:02 · 225 阅读 · 0 评论 -
css定位
绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来(脱离文档流),然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块(relative, absolute, fixed之一)进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。相对定位,需要设置posit原创 2017-07-12 23:42:42 · 250 阅读 · 0 评论 -
绝对定位元素设置水平居中
需求:有时页面内的一些容器需要定位在特定的某个位置,但是需要容器在水平方向上面居中显示,比如页面内的一个背景图里面放置一个容器,使用margin-top不方便,就决定使用绝对定位来设置。实现方法:方法一、知道容器尺寸的前提下.element { width: 600px; height: 400px; position: absolute; left: 5转载 2017-12-14 14:23:26 · 7998 阅读 · 0 评论 -
CSS知识点
内联元素的特点:span a em label strong等。1、和其他元素都在一行上;2、元素的高度、宽度及顶部和底部边距不可设置;inline元素的margin和padding属性,水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果;但竖直方向的padding-top, padding-bottom, ma...原创 2018-12-27 14:19:00 · 142 阅读 · 0 评论 -
border-radius:50%和100%究竟有什么区别
在学习css的过程中,我们一般想要得到一个圆的话,那么border-radius这个属性的必不可少的,有时候我们把这个值设置成了50%,OK正常,有时候又设置成100%,也能work well ,那这两个之间的区别到底是什么呢 这是一个 150px x 150px 大小的方形,将它的四个角的半径都设置成 50%。根据 W3Cborder-radius 的规范定义,如果border-r...转载 2018-12-27 14:19:13 · 696 阅读 · 1 评论