CSS label中的文字怎么向右移动30个像素，有简单代码。

Posted 2023-04-22

CSS:
.head
width: 90%;
height: 30px;
padding-left: 5px;
font-size:14pt;font-family:Microsoft YaHei;
background-image:url(../image/6_1.gif);
background-repeat:repeat-x;
display:block;


<label class="head">项目基本信息：</label><br/>

让 【项目基本信息：】向右移动50个像素

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：labelmargin-left: 50px;。

3、浏览器运行index.html页面，此时label“项目基本信息：”成功向右移动了50像素。

参考技术A

要使label中的文字向右移动30个像素，只要采用如下设置内边距的方法即可

padding: top right bottom left; /*分别设置元素框的上右下左边距*/

示例如下：

HTML元素

<label>文字向右移动了30px</label

css样式

label
padding:5px 30px; /*设置内边距：上下10px，左右30px*/
border:1px solid green; /*为了便于观察，显示出边框*/


显示效果

参考技术B .a
padding-left:30px;


在lable外面加一个div，并引用a 的样式
<div class="a">
<label class="heade">项目基本信息</label>
</div> 参考技术C padding-left: 5px;
改
padding-left: 50px;本回答被提问者采纳 参考技术D margin-left:50px;

java 中getBounds啥作用

作用是获取位置，举个例子
如果想要一行文字移动，可以每次向右移动两个像素，这时候就要获取当前的位置，可以将当前位置的x增加2，然后重复，就能实现移动的效果。 参考技术A 获取位置