问题来了老师

问题来了老师

http://img1.sycdn.imooc.com//climg/5ccefe0a0001279e04760094.jpg

left:50%可以理解。transform:tramslate(x-50%,y0)什么意思

圆角边框50/1 1 1 1 什么意思

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你好,可以参考下面解释:

1、left设置的50%,那么元素左上角会在50%的位置,为了让元素中心在50%的位置,也就是水平居中显示,使用translate方法,向左平移50%,这样就水平居中显示了。translate方法第一个参数是水平方向,第二个参数是垂直方向。

2、border-radius属性其实一个角上是有两个值的,一个水平方向,一个垂直方向,例如:

http://img1.sycdn.imooc.com//climg/5ccfa2450001e50206270325.jpg

效果:


http://img1.sycdn.imooc.com//climg/5ccfa1f800013d7c05880315.jpghttp://img1.sycdn.imooc.com//climg/5ccfa2280001cc2a04110270.jpg

如果多个方向角一起写的话,水平和垂直方向用/隔开,如下:

http://img1.sycdn.imooc.com//climg/5ccfa2ce0001721f08360326.jpg

效果:

http://img1.sycdn.imooc.com//climg/5ccfa35c0001b66406750254.jpg

视频中的代码意思是:

http://img1.sycdn.imooc.com//climg/5ccfa50d00017ee708680087.jpg

可以自己测试下,祝学习愉快!

  • 使用translate方法,向左平移50%,老师是不是平移元素的一半,使其剧中
    2019-05-12 10:20:51
  • 同学你好, translate方法向左平移50%是往左平移元素宽度一半的距离。使其居中。祝学习愉快!
    2019-05-12 10:50:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师