我需要显示一组按钮。 每个按钮的描述对应于文本的每个单词
为了给一个文本外观,我想让按钮的宽度根据单词的长度在里面。 所以我创建了一个变量,它根据字母的数量给出宽度px
我不知道为什么,但效果不好。它对某些词有效,而对另一些词无效
一些想法? (参见屏幕截图中的“the”一词没有足够的空间,只有…是dísplay
最终的目标当然是让文本看起来像一个我可以点击单词的文本
谢谢
mylist=['loren','ipsum','whapmmtever','loren','ipsum','otra','the','palabra','concept']
list_btns=[]
for i,word in enumerate(mylist):
# here I try to define the width of the button as depending on the length of the word:
wordwidth= str(len(word)*12) + 'px'
wd_raw_save_button = widgets.Button(description=word,
disabled=False,
button_style='success',
tooltip='check the word',
icon='',
layout = Layout(width = wordwidth, margin='0px 0px 0px 0px'))
list_btns.append(wd_raw_save_button)
showcase=HBox(list_btns)
showcase
实际上,在运行voila以可视化结果之后,我得到了以下结果:
这不会给人留下真实文本的印象,即单词之间的间距相同,这是最终目标。 我猜,但我不确定,原因可能是字符的宽度不同,我必须逐个字符计算宽度。但这并不能解释“the”一词不适合按钮。 第二种解释是,底层CSS假设一个最小边界,它覆盖了单词本身。无论如何,我不知道如何控制/影响它
小部件的CSS控制有限。似乎在40px左右有一个截止点,文本将被截断。我使用了一个简单的
max
比较,希望能接近您想要的:相关问题 更多 >
编程相关推荐