css3
yangluo1683
这个作者很懒,什么都没留下…
展开
-
# css让文字在一行内显示
1.例如 p元素,里面的文字不换行显示,超出部分不隐藏p{ width:100px; word-break:keep-all; white-space:nowrap;}2.例如 p元素,里面的文字不换行,超出部分用省略号代替p{ width:100px; word-break:keep-all; white-space:nowrap; overflow:hid...转载 2019-10-17 11:42:12 · 1274 阅读 · 0 评论 -
响应式布局之相对浏览器垂直居中
此文仅仅作为知识点的积累,涉及到的小知识如下:viewport :浏览器的可视窗口vw :Viewport宽度,1vw 等于viewport宽度的1%vh : Viewport高度,1vh 等于viewport高的的1% 页面中元素的响应式布局是前端开发工作者经常运用到的,bootstrap的栅格系统虽然很适合响应式布局,但仅仅是用于页面宽度变化时的响应,此文承接上一篇,仅在CSS文档中做配原创 2017-08-17 16:33:43 · 2532 阅读 · 0 评论 -
calc()实现CSS响应式布局
calc()是CSS3新增的一个功能,可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值,仅在css中就可以实现响应式布局,不用再担心元素把盒子撑破,页面也响应浏览器窗口变化,想想就感觉美好。注意事项方法的表达式中有“+”和“-”时,其前后必须要有空格,如”widht: calc(100%-20px)”这种没有空格的写法是错误的;原创 2017-08-11 16:00:43 · 556 阅读 · 0 评论