css html表单缺少边框和框文本对齐
在将表格放入框中时遇到一些困难。结果不太好。我很好奇是否有人有建议。这是一个表单，它将被放置在动态文本的一侧。我还想知道如何将方框文本向右移动一步，因为文本比上面的文本长一个字母。没有什么特别的，但对齐和形状框是至关重要的 我想要的表格的图片：css html表单缺少边框和框文本对齐,html,css,forms,border,text-alignment,Html,Css,Forms,Border,Text Alignment,在将表格放入框中时遇到一些困难。结果不太好。我很好奇是否有人有建议。这是一个表单，它将被放置在动态文本的一侧。我还想知道如何将方框文本向右移动一步，因为文本比上面的文本长一个字母。没有什么特别的，但对齐和形状框是至关重要的 我想要的表格的图片： 正文 姓名： 电子邮政： 尝试使用它，看看它是否有帮助：- * { 框大小：边框框； } 输入[类型=文本]，选择，文本区域{ 宽度：100%； 填充：12px； 边框：1px实心#ccc； 边界半径：4px； 调整大小：垂直； } 标签{ 填充
正文
姓名：
电子邮政：
* {
框大小：边框框；
}
输入[类型=文本]，选择，文本区域{
宽度：100%；
填充：12px；
边框：1px实心#ccc；
边界半径：4px；
调整大小：垂直；
}
标签{
填充：12px 12px 12px 0；
显示：内联块；
}
输入[类型=提交]{
背景色：#4CAF50；
颜色：白色；
填充：12px 20px；
边界：无；
边界半径：4px；
光标：指针；
浮动：对；
}
输入[类型=提交]：悬停{
背景色：#45a049；
}
.集装箱{
边界半径：5px；
背景色：#F2F2；
填充：20px；
}
上校25{
浮动：左；
宽度：25%；
边缘顶部：6px；
}
上校75{
浮动：左；
宽度：75%；
边缘顶部：6px；
}
/*清除列后的浮动*/
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
/*响应式布局-当屏幕宽度小于600px时，使两列堆叠在一起，而不是相邻*/
@媒体屏幕和屏幕（最大宽度：600px）{
.col-25、.col-75，输入[类型=提交]{
宽度：100%；
边际上限：0；
}
}
姓名：
电子邮政：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<h1>Text</h1>
<div class="input-wrapper">
<label for="name">Name</label>
<input type="text" name="Name" placeholder="Name" id="name">
</div>
<div class="input-wrapper">
<label for="email">Email</label>
<input type="text" name="Epost" placeholder="Email" id="email">
</div>
<button type="submit">Send</button>
</form>
</body>
</html>
正文
名称
电子邮件
发送
嗨，埃里卡，欢迎来到SO。请看一看，看看什么类型的问题是该网站。我们希望您至少尝试自己解决问题，如果您被代码的某个特定部分卡住了，那么就提出一个问题。在它的当前形式中，你的问题太宽泛，因此与SOSo无关，与其抱怨问题太宽泛，不如修改标题，使其足够窄，以适合表格？这是你自己要做的-你需要帮助，那么我为什么要编辑你的问题？此外，你没有包括css，这就是为什么这是太广泛-编辑标题不会使这一点更广泛。也没必要粗鲁，这不是得到帮助的方式。最后，我不是在抱怨——我是在指出SO的规则，你显然不愿意读。你是在抱怨标题太宽，SO的语法检查没有抱怨，W3 html语法检查也没有。当我遇到你不敏感的抱怨和争论时，那是我的错。我没有找你挑剔。此外，当查看以前的帖子时，你可以找到更广泛和不相关的标题。没有人告诉那些家伙他们已经修改了他们的标题或代码。您好，欢迎来到Stack Overflow！恐怕你误解了皮特的指导。“帮助”链接帮助您提出更好的问题，帮助您获得更好的答案，而不是“挑剔”您。我对这一点不熟悉，但我给了玩具一个绿色的“勾号”。谢谢你的迅速回复。我高度赞赏你的贡献。向我问好。非常感谢@Erika
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<h1>Text</h1>
<div class="input-wrapper">
<label for="name">Name</label>
<input type="text" name="Name" placeholder="Name" id="name">
</div>
<div class="input-wrapper">
<label for="email">Email</label>
<input type="text" name="Epost" placeholder="Email" id="email">
</div>
<button type="submit">Send</button>
</form>
</body>
</html>