html 我怎样才能有一个div,在其中放置一个消息,打破和不去的div?

lvmkulzt  于 11个月前  发布在  其他
关注(0)|答案(2)|浏览(94)

我想有一个消息显示在Html
现在我有

f'<div style="width: 200px; height: 200px; border: 1px solid black; text-align: center; line-height: 200px;">{message}</div>'

字符串
问题是如果这条消息太长,消息的其余部分将出现在外部并侵入其他元素空间
理想情况下,我想要的东西,


的数据
如何修改html?
我已经尝试

noplot_message=f'<div style="width: 200px; height: 200px; border: 1px solid black; text-align: center; word-wrap: break-word; display: inline-block; line-height: 200px;">{message}</div>'

       noplot_message=f'<div style="width: 200px; height: 200px; border: 1px solid black; text-align: center; word-wrap: break-word;overflow-wrap: break-word ; word-break: break-word;line-height: 200px;">{message}</div>'


但这并不奏效

odopli94

odopli941#

您可以使用CSS属性overflow和值hidden来隐藏溢出的内容。此外,您可以使用**word-wrap:break-word;**Can set。允许将长单词拆分并换行到下一行。

noplot_message = f'<div style="width: 200px; height: 200px; border: 1px solid black; text-align: center; overflow: hidden; word-wrap: break-word; line-height: 1.5;">{message}</div>'

字符串

wooyq4lh

wooyq4lh2#

要获得所需的结果,可以使用以下HTML代码:

<div style="width: 200px; min-height: 200px;  border: 1px solid black; word-break: break-word;line-height:1.5; padding: 50px 20px;">{message}</div>

字符串
谢谢.

相关问题