首页 > 代码库 > css基础不扎实
css基础不扎实
写了两周的网页,发现自己的css基础还是很差的,当时培训学习的时候就发现了,我做的页面都特别的别扭和丑吧,在班级上应该是垫底的;
原先只知道用float,不会使用定位,网页连固定定位也不会,现在发现,原来手机移动端,使用的多的是绝对定位,相反浮动也就没有那么多的。
浮动后的元素,其父级元素如果想让其内容自动撑开,就得使用清楚浮动了,具体办法就是
div:before和div:after
- content:
- clear:
- display:
- height:
这样就可以自动撑开父元素了。
第二个就是,当块元素内容文字不确定为几行的时候而其父元素确定高度,又想让它文字只有一行和多行都可以垂直居中的时候,就可以在文字外面嵌套个无意义标签,
比如span或者i或者em都可以,给它设置属性
word-wrap: break-word;
position: absolute;
left: 0;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
就可以自动换行并且垂直居中。
原以为html和css很简单,原来我接触的还是皮毛,还有很多都没见过的。
css基础不扎实
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。