右上角?左移?下移?

来源:13-6 万事无绝对 -层模型之绝对定位

guessljl

2016-03-30 16:32

不是右上角么?左移和下移是怎么回事?

写回答 关注

2回答

  • 慕容5812882
    2016-03-30 17:31:46
    已采纳

    你好~我猜你的意思是如果想实现图片在右上角对齐怎么操作吧,这就要引入一个”垂直对齐“vertical-align属性并且规定div的长度width和高度height,但是垂直对齐只对表格单元生效,所以又要先用display改变div块的属性为table-cell,而垂直属性可以有上top 居中center 底部bottom,另外为了看得明白点可以给div快加个边框,以下是右上对齐为例的代码:

    div{

        display:table-cell;

        border:1px solid red;

        width:500px;

        height:500px;

        vertical-align:top;/*这里控制垂直对齐方式,把top改为bottom就是下,center就是垂直居中*/

        text-align:right;/*这里控制水平对齐方式*/

        }

    另外左移,右移就比较简单了,用图片的外边距来控制就行了,例如右上对齐,但是图片偏移右面100px,

    img{margin:100px;}

    希望能帮到你~我也是初学,如果说的不对望指正~

    guessl... 回复慕容5812...

    好的,我研究一下,谢谢

    2016-03-30 18:27:39

    共 3 条回复 >

  • 奂丹丹
    2016-03-30 16:37:53

    {text-align:left;}左移

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题