留言板 dom操作练习总结 lable和textArea一起使用不对齐解决办法

最新推荐文章于 2022-03-13 21:42:35 发布

赫兹焦耳

最新推荐文章于 2022-03-13 21:42:35 发布

阅读量742

点赞数

分类专栏：总结 CSS 文章标签：留言板 dom

本文链接：https://blog.csdn.net/q970654226/article/details/80264790

版权

做了一个留言板发现lable 与后面的 textarea总是看起来很别扭，下图内容俩字跑到最下面了

在 textarea中加一个vertical-align: top;就OK了

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8"/>
	<style type="text/css">
		#box{
			width: 500px;
			margin: 50px auto;
			border: 1px solid black;
			background-color: #cccccc;
		}
		#box div{
			margin: 3px;
		}
		input {
			width: 430px;
		}
		textarea{
			width: 430px;
			height: 180px;
			/*前面的文本对其*/
			vertical-align: top;
			/*禁止拉伸*/
			resize:none;
			font: 20px 'simhei';
		}
		label{
			margin-left: 5px; 
		}
		#btn{
			
			width: 80px;
			text-align: center;
			height: 25px;
			font:

最低0.47元/天解锁文章

赫兹焦耳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
留言板 dom操作练习总结 lable和textArea一起使用不对齐解决办法

做了一个留言板发现lable 与后面的 textarea总是看起来很别扭，下图内容俩字跑到最下面了在 textarea中加一个vertical-align: top;就OK了&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8"/&gt;
复制链接

扫一扫