html - 为 NativeScript 应用程序设计一个标签，如 css/xml 中所述

Question

我想设计一个标签，它的背景是背景中的一条黄线(在整个屏幕上)，文本应该从左边 30 的距离开始。我尝试了 margin-left: 30 这几乎可以满足我对文本的要求，但背景也被移动了(并且从文本的正前方开始)。

我能否以仅移动文本且背景从屏幕最左侧开始并转到屏幕右侧的方式来操作标签？我曾尝试对此进行研究，但我真的不知道如何正确描述我正在寻找的东西(您可能已经注意到)。

有没有人能为我提供关键字或模式？

html:

<label text="{{ user_firstname }}" class="label-content" ></label>

它的CSS:

.label-content {
    margin-top: 0;
    margin-bottom: 20;
    margin-left: 10;
    margin-right: 10;
    background-color: yellow;
    height: 35;
}

编辑:我为它添加了 html 和 css 代码。

Answer 1

边距在元素周围放置空间填充在元素内放置空间来包裹它的内容。

所以把你的“margin”改成“padding”

.label-content {
    padding-bottom: 20;
    padding-left: 10;
    padding-right: 10;
    background-color: yellow;
    height: 35;
}