1. 程式人生 > >HTML中照片的居中 label相對定位

HTML中照片的居中 label相對定位

/*設定面板輸入框的樣式*/
#panel .panel-content .int{
   /*background-color: red;*/
   height: 36px;
   margin-bottom: 9px;
   position: relative;
}

/*
   設定面板中輸入框中圖片
   原理:
     讓lable相對父標籤進行定位,可停留在父標籤的任意位置
*/
#panel .panel-content label{
    position: absolute;
    top: 7px;
    left: 6px;
}
/*
   設定面板中輸入框中圖片
   原理:
讓lable相對父標籤進行定位,可停留在父標籤的任意位置 */

如下圖所示:


注意:如果是圖片要想垂直居中,一定要設定: vertical-align: middle;