为NativeScript应用程序设计一个类似于css/xml中所述的标签

Question

我想设计一个标签，其背景是背景中的黄线（在整个屏幕上），文本应该在距离左边30 。我尝试了剩余边距：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

保证金在元素周围放置空间 填充在元素内部放置空间以包装其内容。

因此改变你的 “保证金”，以 “填充”

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