发表于： 2019-03-23 21:13:34
1 615
今天完成的事情：
1.提交CSS任务3
2.学习input——创造最新式表单
3.配置nginx
明天计划的事情：
1.进行CSS任务4
2.对所学表单知识进行编码练习
遇到的问题：
1.图片超出父元素尺寸的部分如何隐藏？
使用｛overflow: hidden;｝
overflow 属性规定当内容溢出元素框时发生的事情。
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
收获：
1.如何使得未知大小的图片在容器里水平垂直居中
css
.box{display:table-cell;
vertical-align:middle;
text-align:center;
width:200px;
height:200px;
border:5px solid #eee;}
html
<div class="box">
<img src="arrows.png">
</div>
如图，
返回列表
评论