在日常学习和工作中,你是否经常觉得时间不够用?为了帮助你提高效率,今天,就为大家分享一些CSS小技巧,如果你感觉有用,也可以收藏与分享给你的小伙伴们~
1. 文字水平居中
将一段文字置于容器的水平中点,只要设置text-align属性即可:
text-align:center;
2. 容器水平居中
先该容器设置一个明确宽度,然后将margin的水平值设为auto即可。
div#container {
width:760px;
margin:0 auto;
}
在HTML中,可以使用CSS的white-space属性来控制文字超出div后的显示方式。设置white-space为nowrap即可让文字超出时不换行,而是在同一行上继续显示。
例如,可以在div的样式中添加样式规则:white-space: nowrap;来达到这个效果。
另外,如果希望文字超出div后显示省略号,可以再加上overflow: hidden;text-overflow: ellipsis;的样式规则。这样就可以在不换行的情况下,让文字超出时以省略号的形式显示,从而更好地控制文字的显示效果。