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

问题描述：

我想设计一个标签，其背景是背景中的黄线（在整个屏幕上），文本应该在距离左边30 。我尝试了剩余边距：30，这几乎是我想要的文本，但背景也被移动（并且从文本前面开始）。为NativeScript应用程序设计一个类似于css/xml中所述的标签

我可以如何操作标签：只有文本被移动，背景从屏幕的左侧开始，然后到达屏幕的右侧？我试图对此进行研究，但我不知道如何恰当地描述我正在寻找的东西（您可能已经注意到了）。

有没有人有我的关键字或模式？

的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代码它。

您可以添加HTML和CSS请。这将帮助人们帮助您解决问题。 – MartinByers

当然，没有想到这些对于解决方案都是有趣的：D –

答

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

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

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

谢谢！ :) –

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

相关推荐