- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我这里有这个 kivy 文件:
<Help>:
Label:
text: "[b]Help Page[/b]\n"
font_size: 30
markup: True
valign: "top"
color: 0,0,0,1
Label:
text: "[b] How To Use:[/b]\n"
font_size: 30
markup: True
valign: 'top'
color: 0,0,0,1
但是,文本不会到达页面顶部。这是输出:
这有什么问题吗?我也可以问一下如何格式化那些重叠的文本。谢谢:)
编辑:这就是我想要的文本:
期望的输出
因此,为了获得该结果,我尝试使用 valign 和 halign 来格式化文本,但它似乎不起作用。希望这澄清了我的问题:)
最佳答案
要使用 valign: 'top' 在顶部显示文本,请将 text_size: root.width, None
替换为 text_size: root.width, root.height
<Help>:
Label:
id: help
text_size: root.width, root.height
markup: True
valign: 'top'
halign: 'center'
color: 0,0,0,1
要同时显示“How to Operate: Some text here”和“Some title Some more text”两个字符串,我们将执行以下操作: p>
<Help>:
Label:
id: help
text_size: root.width, None
markup: True
halign: 'center'
color: 0,0,0,1
class Help(Screen):
def on_pre_enter(self, *args):
self.ids.help.text = "[size=30][b]How to Operate[/b][/size]\nSome text here" + \
"\n\n[size=30][b]Some title[/b][/size]\nSome more text"
Label 的文本重叠,因为您在屏幕布局中将两个 Label 小部件叠加在一起。
添加一个 BoxLayout 作为两个 Label 小部件的父级以防止文本重叠。
以一定宽度包裹文本,提供宽度。例如,要在 width=200 和 unlimited height 的框中创建一个 Label。
Label(text='Very big big line', text_size=(200, None))
<Help>:
BoxLayout:
orientation: 'vertical'
Label:
text_size: dp(230), None
height: self.texture_size[1]
text: "[size=30][b]How to Operate[/b][/size]Some text here"
markup: True
valign: "top"
halign: 'center'
color: 0,0,0,1
Label:
text_size: dp(150), None
text: "[size=30][b]Some title[/b][/size]Some more text"
markup: True
valign: 'top'
halign: 'center'
color: 0,0,0,1
添加text_size: self.size
<Help>:
Label:
text_size: self.size
text: "[b]Help Page[/b]\n"
font_size: 30
markup: True
valign: "top"
color: 0,0,0,1
Label:
text_size: self.size
text: "[b] How To Use:[/b]\n"
font_size: 30
markup: True
valign: 'top'
color: 0,0,0,1
In order for the halign and valign alignment properties to take effect, set the text_size, which specifies the size of the bounding box within which text is aligned.
关于python - Valign 不在 kivy 工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52048698/
不确定为什么 valign="middle" 在这里不起作用。有人可以帮我解决这里缺少的问题吗。 HTML
我正在尝试垂直对齐 JPanel。 setAlignmentY 未按预期工作。这是我到目前为止所做的。 import java.awt.Color; import java.awt.Component
我正在尝试创建一个表格,其中左列被推到顶部以适合其内容。请注意,右列必须为 height=300。 This is my 1st cell
我设置了一个表,其中左列设置为 valign = "top"。它适用于除最后一个以外的所有单元格。我没有对这个单元格应用任何类,所以我真的很困惑。 我的演示站点位于此处 here .问题在于页面底部包
http://jsfiddle.net/DAFHq/1/ 我需要将红色方 block 放置在其中包含滚动内容的灰色框右侧 20 像素处,同时使其在中心垂直对齐。 在滚动和调整屏幕大小时,它应该保
从图中可以看出input(type=number)和button(rate)不能top valign 这是我的代码。我该如何解决这个问题? " /> " />
当我们在 CSS 文件中定义如下样式类时,它在 IE 中呈现,但 FF 显示空类。 vertical-align 属性在两种浏览器中都可以正常工作。为什么我们会看到这种行为? .text { v
我这里有这个 kivy 文件: : Label: text: "[b]Help Page[/b]\n" font_size: 30 markup
我尝试使用 TCPDF 5.9.141 生成 PDF,但 valign 似乎不起作用。它在 CakePHP 2.0 函数中,但我认为这并不重要。 根据文档,我的代码中所有内容都有效: Vertical
我一直在尝试将内容定位在表格行中。有问题的行又包含 2 个其他表格和 1 个小缩略图图像(当然每个都在一个表格单元格中)。到目前为止,该行是使用 valign="top" 定位的。这很有效,可以将所有
我有一个这样的表: Link 还有这样的样式表: a { vertical-align: baseline; } td a { vertical-align: default; } 我试图
首先,下面的第一个片段是我要解决的问题。 请注意,这工作得很好 IF display: flex; 应用于 body。 但是,我不想将样式应用于 body,这会破坏 Google Web 缓存布局。
你知道如何让文本垂直居中吗?我需要类似 valign 属性的东西,但是用 css 写的。有任何想法吗? 最佳答案 对此没有通用的答案。不幸的是,不,CSS 中没有真正的等价物。一些选项取决于您的特定布
我有一个包含表单的表格,左边的列是字段的名称,我想将文本设置为 td 的顶部,因为此时文本位于底部。 有谁知道为什么这是命中注定的元素属性? 最佳答案 首先, 你不应该真的使用表格来布局(即使是表格)
你有没有总结过这个? 现在我遇到了一个,很奇怪,不知道为什么。 我的代码: 但事实证明,“input”在底部对齐,而“iframe”在顶部。 最佳答案 当我添加 cs
我正在使用全新安装的 Foundation for Email,并设置了以下测试: Thanks for
我正在使用全新安装的 Foundation for Email,并设置了以下测试: Thanks for
Month Savings January $100 http://jsfiddle.net/BCsN2/ January 应该和 top
使用 valign='middle'在 上工作正常,但是,它没有显示“在中间”,因为我正在使用 valign='bottom' . 我知道它设置正确的原因是因为 valign='top'确实在表格顶
目前有一个无序列表中的图像列表。 li标签的CSS如下: float:left; margin:2px 4px; padding:0 由于我的图像高度不同,我希望它们与底部对齐。我知道这可以通过
我是一名优秀的程序员,十分优秀!