![bb45caac4599fcd3584971dbfe7695a8.png](https://i-blog.csdnimg.cn/blog_migrate/f33fb58af57f4b448ced9d42b05e03cb.jpeg)
腾讯课堂搜“尚识”进行在线学习
无代码软件开发如果要显示一些文字在页面中,或者是表格中显示字符串字段值,都是拖放文本显示元件,然后将要显示的值传给显示元件中的“值”变量对象即可。对文本显示元件可以进行样式设计,样式设计和其他显示元件的设计一样,拖放传值及样式设计完整演示如下:
![caa1b356d75ff97c9040588be5f962df.gif](https://i-blog.csdnimg.cn/blog_migrate/e5fe67ab601cb20c65bacca6c7f75e1e.gif)
拖放元件---传显示值---样式设计
主要处理步骤:
![ffb2e54f668d073a78696d6f00dbcaa4.png](https://i-blog.csdnimg.cn/blog_migrate/c63815cb41743b9c5cfc48e89f36725e.jpeg)
拖放文本显示元件
![92c55e7bd4ba9a18128471c643e80fa4.png](https://i-blog.csdnimg.cn/blog_migrate/53a4bb312667304099f0af2c230f06b4.jpeg)
为显示元件传文本常量显示值
![c49678a758664d7cbc9a163ef372c5c8.png](https://i-blog.csdnimg.cn/blog_migrate/cb4dc618e4a2c003476a5f116b5c2e1a.jpeg)
选中元件添加样式
![73bc256d48d09bd71003916452ec1223.png](https://i-blog.csdnimg.cn/blog_migrate/8ea6bd3ad5b3d71f588ec5128a92566a.jpeg)
选中父元件添加文字居中样式
![e56c271960cd7e778434ff21f48a5ead.png](https://i-blog.csdnimg.cn/blog_migrate/6a3304e344b428328344f7f63cdf7a55.jpeg)
保存刷新后的结果
以上演示中,样式设计有些时候需要在父层元件进行设定,如文字居中,是定义本元件中的内容对象的文字是居中的,此样式如果直接添加给文本元件,并不生效,文本元件内部并没有更多显示元件,可以参考CSS样式规范,是统一标准的。正常按我们以上说明进行设计即可。
文本显示元件的默认标签(tag)属性是“span”,如果文本显示元件用在表格中,还应符合表格样式要求,表格的行中的对象的标签应为td,这是固定用法,所以在表格中需要自定义显示一些文本字段时,直接拖放文本显示元件改标签就可以了,可以拖放复杂表格查看文本显示的默认设计。