前端的猿 2022-03-16 09:19 采纳率: 42.9%
浏览 143
已结题

input标签怎样才能让文字和框框都居中并对齐

怎么才可以让这几个input标签文字和框框都居中并对齐 用空格太麻烦了

img

  • 写回答

6条回答 默认 最新

  • CSDN专家-showbo 2022-03-16 09:41
    关注

    最简单的直接套表格，其他内容题主自己加上

    img

    <!doctype html>
<table border="0" width="680px" align="center" cellpadding="10">
    <tr><td></td><td><h4>青春不常在</h4></td></tr>
    <tr><td align="right" width="100">我的性别：</td><td><input type="radio" name="sex" />男　<input type="radio" name="sex" />女</td></tr>
    <tr><td align="right">我的生日：</td><td><input type="date" /></td></tr>
    <tr><td align="right">所在地区：</td><td><input type="text" /></td></tr>
    <tr><td align="right" valign="top">自我介绍：</td><td><textarea cols="50" rows="8"></textarea></td></tr>
</table>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(5条)

报告相同问题？

  • html复选框和文字水平对其,解决checkbox与对应文字不对齐的问题
    2021-06-13 18:20
    weixin_40000430的博客 最近公持环开行打进对端架处参触架码我通会法时果司比较忙，所以一直...都年很过过事发工开宗定据发指互数个遍前互就业大经･)ﾉﾞ问题所在我写了一个用记意口端样理框农必素些区大是应可近浏得input，他的类型是ch...
  • Iput、textarea标签对齐
    2018-09-10 17:20
    鱼片橙子的博客 就通过研究得到了一个label文字与input、textarea垂直居中对齐的简单方法，关键在于css标签vertical-align: middle。 input： textarea： label文字与input、textarea垂直居中对齐的解决方法：在input标签样式中...
  • vue实现垂直居中
    2022-04-21 15:34
    芝士焗红薯的博客 有些时候没有使用form表单，文字和输入框/按钮会出现不对齐的情况，此时需要将文字垂直居中。 情况如下： 很明显是高了一点的 对文字进行垂直居中vertical-align:middle <span style="margin-left: 10px;...
  • 解决Input Text文本垂直居中的简单快速有效的方法
    2015-03-18 15:34
    sjc9009的博客 这个问题，困扰好几次了，也用过其它方法解决，但相对还是比较复杂，研究来研究去，还是用下面这个方法...IE下line-height对文本框有效，加上与相同的height后可以让IE也垂直居中。line-height超过height时，文本框获
  • 【前端基础】摩天之建的艺术：html（下）
    2025-06-07 13:45
    澪贰的博客 会居中加粗 thead：表格的头部区域(注意和 th 区分，范围是比 th 要大的) tbody：表格得到主体区域 table 包含 tr，tr 包含 td 或者 th 表格标签有一些属性，可以用于设置大小边框等，但是一般使用 css 方式来设置 ...
  • 【前端】Html+Css+JavaScript基础知识点
    2022-07-18 13:28
    Lucky小维的博客 浏览器默认左对齐 text-align文本水平对齐方式也是内容对齐方式比如文本、span、a、input、img标签（这个就是图片，它父标签是body，设置样式body） 如果需要让文本水平居中，text-align属性给文本所在标签（文本的...
  • 复选框文字对齐显示
    2010-03-25 14:27
    lifen_zhang的博客 最近的工作中，有很多表单的制作，很多次都碰到复选框与文字对齐的问题，发现在不同的浏览器中，显示各异，...在之前我的解决方法，都是通过文字外面套上另外的标签，等，通过调整input标签和label的html标签来对齐，大
  • 【HTML+CSS】HTML常用标签
    2022-02-25 11:59
    咕啾啾的博客 一、标题标签<h1>-<...二、段落和换行标签 标签语义：可以把 HTML 文档分割为若干段落。 单词 paragraph [ˈpærəgræf] 的缩写，意为段落。 特点：①文本在一个段落中会根据
  • 前端学习笔记 - HTML+CSS
    2021-10-07 23:16
    茗0309的博客 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。 什么是 HTML HTML 指的是超文本标记...
  • 前端开发 HTML一篇就够了(七七)
    2021-11-15 14:40
    @七七诶的博客 段落和换行标签段落标签换行标签文本格式化标签<div>和<span>标签图像标签和路径1. 图像标签<img>标签使用alt属性图像标签其他属性图像标签属性注意点路径目录文件夹和根目录:相对路径绝对路径...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 3月24日
  • 请选择合适的标签 3月23日
  • 已采纳回答 3月16日
  • 创建了问题 3月16日