css基础 vertical-align 设置文字与textarea对齐的方式
2018-02-11 15:38
806 查看
礼悟:
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
公恒学思合行悟,尊师重道存感恩。叶见寻根三返一,江河湖海同一体。
虚怀若谷良心主,愿行无悔给最苦。读书锻炼养身心,诚劝且行且珍惜。
ide:visual studio 2017
browser:Chrome
os:win7
browser:Chrome
os:win7
代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="给最苦 https://www.cnblogs.com/jizuiku https://github.com/GratefulHeartCoder"/> <title></title> <style type="text/css"> textarea { height:100px; width:200px; } </style> <!-- https://www.cnblogs.com/qiangspecial/p/4126842.html --> </head> <body> 留言板:<textarea style="vertical-align:top;">top</textarea> <hr /> 留言板:<textarea style="vertical-align:baseline;">baseline</textarea> <hr /> 留言板:<textarea style="vertical-align:middle;">middle</textarea> <hr /> 留言板:<textarea style="vertical-align:bottom;">bottom</textarea> </body> </html>
效果
CSS3优秀,值得学习。
学习资源: www.w3cschool.cn + itcast和itheima视频库 + 清净的心地。
如果您有公开的资源,可以分享给我的话,用您的资源学习也可以。
博文是观看视频后,融入思考写成的。博文好,是老师讲得好。博文坏,是 给最苦 没认真。
相关文章推荐
- vertical-align 属性设置元素的垂直对齐方式。
- css中图片于文本的基线对齐与vertical-align属性设置
- css text-align-last设置末尾文本对齐方式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- CSS 实现文字、图片垂直对齐(vertical-align)
- 图片和文字对齐设置微调vertical-align
- CSS中,display属性、行高属性line-height以及垂直对齐方式vertical-align属性详细探讨
- 设置按钮内容的对齐方式、左边距,文字左边距
- html基础 水平线<hr> 对齐方式align 粗细size 长度width 去阴影noshade
- 关于垂直对齐方式vertical-align
- css中text-align:justify文字两端对齐ie兼容属性text-justify
- HTML + CSS短标题(二,三,四文字长度)两端对齐的方式
- Flex中如何通过设置textAlign样式设定DateField中选中日期对齐方式的例子
- 【图标文字垂直对齐】♣vertical-align:length
- html设置图像与文字的对齐方式
- CSS控制去掉textArea和input的边框 及其对齐方式
- CSS 行高与行对齐精解:line-height 和 vertical-align (图文)
- Flex中通过设置textAlign和labelStyleName样式设置FormItem容器中标签文本对齐方式的例子
- CSS基础知识一(CSS的应用方式、CSS选择器、选择器的声明、文字CSS效果、)