word-wrap 是用来决定允不允许单词内断句的,如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。
而word-break:break-all则更变态,因为它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的,那就是——用了word-break:break-all,就等于使用粗暴方式来断句了。总之一句话,如果您想更节省空间,那就用word-break:break-all就对了!
而word-break:break-all则更变态,因为它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的,那就是——用了word-break:break-all,就等于使用粗暴方式来断句了。总之一句话,如果您想更节省空间,那就用word-break:break-all就对了!
2017-01-30
<style type="text/css">
a[href$=doc]{
background: green;
color:#fff;
}
a[class^=col]{
background: red;
color: #fff;
}
a[title*=box]{
background: blue;
color: #fff;
}
</stlye>
a[href$=doc]{
background: green;
color:#fff;
}
a[class^=col]{
background: red;
color: #fff;
}
a[title*=box]{
background: blue;
color: #fff;
}
</stlye>
2017-01-29
分开写比较好理解
background-position: left top, right bottom;
background-repeat: no-repeat,no-repeat;
background-size: 80% 50%,50% 40%;
background-image:url(http://static.mukewang.com/static/img/logo_index.png),
url(http://static.mukewang.com/static/img/logo_index.png);
background-position: left top, right bottom;
background-repeat: no-repeat,no-repeat;
background-size: 80% 50%,50% 40%;
background-image:url(http://static.mukewang.com/static/img/logo_index.png),
url(http://static.mukewang.com/static/img/logo_index.png);
2017-01-26
已采纳回答 / qq_北方有佳人_0
background-size:这个属性有两个值,第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px,如果只写一个值,则第二个值默认为auto(根据图片原来的比例,以及现有的宽度,来确定高度)比方说:你有一张长宽比例为4:3的图片,有一个width:100px;height:50px;的盒子(也就是长宽比例为2:1)。background-size:100% 100%;这种方式设置完背景图片的大小后,会完全铺满整个盒子,并且背景图片的比例会因此改变为2:1background-si...
2017-01-26
body {
display:flex;
align-items:center;
justify-content:center;
}
display:flex;
align-items:center;
justify-content:center;
}
2017-01-26
可参考:http://www.zhangxinxu.com/wordpress/2010/01/css3-border-image/
2017-01-26