`
objet888
  • 浏览: 61306 次
  • 性别: Icon_minigender_1
  • 来自: 东莞
最近访客 更多访客>>
社区版块
存档分类
最新评论

input的字怎么对齐

阅读更多
方法一:
<style>
li { width: 150px; font-size: 12px;height: 36px; vertical-align:middle; float: left;}}
</style>
      <ul>
        <li><input type="radio" name="jiang[]" value="" /> 网上支付限额</li>
        <li><input type="radio" name="jiang[]" value="" /> 支付操作失败</li>
        <li><input type="radio" name="jiang[]" value="" /> 商品降价</li>
        <li><input type="radio" name="jiang[]" value="" /> 价格太高</li>
        <li><input type="radio" name="jiang[]" value="" /> 商品无货</li>
        <li><input type="radio" name="jiang[]" value="" /> 服务不好</li>
        <li><input type="radio" name="jiang[]" value="" /> 下错订单</li>
        <li><input type="radio" name="jiang[]" value="" /> 测试订单</li>
        <li><input type="radio" name="jiang[]" value="" /> 更换商品</li>
        <li><input type="radio" name="jiang[]" value="" /> 更换商品</li>
        <li><input type="radio" name="jiang[]" value="" /> 已经购买</li>
        <li><input type="radio" name="jiang[]" value="" /> 其它原因</li>
      </ul>

方法二:
这里涉及到css的另外一种用法

<style>
a.item label { width: 80px; font-size: 12px;height: 36px; vertical-align:middle; float: left;}}
</style>
<FORM METHOD=POST ACTION="">
	<a class="item"><p><label for="user_name">用户名:</label>
	<input type="text" name="user_name" value="" id="user_name" maxlength="45" size="45"  /></p>
	<p><label for="user_name">pass:</label>
	<input type="text" name="user_name" value="" id="user_name" maxlength="45" size="45"  /></p>
	<p><label for="user_name">邮箱:</label>
	<input type="text" name="user_name" value="" id="user_name" maxlength="45" size="45"  /></p>
	</a>
</FORM>
分享到:
评论

相关推荐

    表单元素与提示文字无法对齐的解决方法(input,checkbox文字对齐)

    当表单元素,如`&lt;input&gt;`输入框或`&lt;checkbox&gt;`复选框,与它们的标签(通常是`&lt;label&gt;`元素)在视觉上无法对齐时,这会降低用户体验。本篇将详细介绍如何通过CSS来解决这个问题,特别是对于`input`和`checkbox`元素的...

    使用vertical-align实现input和img对齐

    本文主要讨论如何使用`vertical-align`属性来实现`input`输入框与`img`图像元素的垂直居中对齐,特别是在它们位于同一行时出现的对齐问题。 首先,我们遇到的问题是`img`标签在与`input`标签并排显示时,通常会比`...

    CSS实现让同一行文字和输入框对齐的方法

    在没有明确设置`vertical-align`属性的情况下,输入框(如`&lt;input&gt;`元素)和相邻的文本内容通常不会垂直对齐,这会导致它们看起来并不协调。特别是在设计表单页面时,同一行内的文本和输入框垂直不对齐,会导致整个...

    OPPOSans和Input 混合字体,最新编程字体,最漂亮的编程字体

    1. **等宽**: 所有字符宽度一致,便于对齐代码和识别模式。 2. **清晰易读**: 字形简洁,避免过多装饰,确保长时间阅读不易疲劳。 3. **代码友好**: 对于常见的编程符号和关键字进行优化,使其在视觉上易于区分。 4....

    表单元素对齐

    表单元素对齐是指在HTML表单中,如何将输入框(input)、文本区域(textarea)、按钮(button)等组件按照一定的布局规则进行排列,以达到美观且易用的效果。这种对齐方式通常涉及水平对齐和垂直对齐两个方面。 二...

    css中使input输入框与img(图片)在同一行居中对齐

    在CSS布局中,将不同的元素如input输入框与img图片进行水平居中对齐是一项常见的需求。尤其是在网页设计中,为了达到美观和用户体验的效果,往往需要确保这些元素在一行内对齐。在处理input和img元素时,由于浏览器...

    inputType参数类型说明

    gravity类型的inputType参数用于设置View组件里面内容的对齐方式。常见的gravity类型inputType参数有: * top:顶部对齐 * bottom:底部对齐 * left:左部对齐 * right:右部对齐 * center:居中对齐 此外,input...

    margin-top负值解决label 文字与input 垂直居中对齐问题

    label 文字与input 垂直居中对齐不容易调好,试验了padding、vertical-align:middle等都不凑效,如 复制代码代码如下: ’DenyReasonRadio3′&gt;&lt;input type=’radio’ name=’DenyReasonRadio’ id=’...

    input文本框和img验证码对齐问题(img总比input高出一个头)

    标题提到的问题——"input文本框和img验证码对齐问题(img总比input高出一个头)",是一个常见的布局挑战,特别是在设计登录表单或需要用户验证身份的场景。这个问题主要出现在将`&lt;input&gt;`元素(文本框)与`&lt;img&gt;`元素...

    input限制输入数值金额数值小数点符号

    在网页设计中,我们经常需要使用`input`元素来创建用户可以输入数据的表单字段。特别是对于金融或商业相关的应用,确保用户输入的是有效的数值金额,包括小数点符号,是非常重要的。在这个问题中,我们需要关注如何...

    表单checkbox和radio文字对齐的代码

    来设置 input 和 label 元素的垂直对齐方式,以确保它们垂直居中对齐。 浏览器兼容性 我们的解决方案兼容多种浏览器,包括 IE7+/firefox8.0 等。通过使用 CSS 的 vertical-align 属性,我们可以实现跨浏览器的...

    input 文本框 文字垂直居中对齐 ie firefox

    在网页设计中,实现元素的文字垂直居中对齐是一个常见的需求,特别是在输入框(input)这类元素中。标题“input 文本框 文字垂直居中对齐 ie firefox”揭示了一个跨浏览器兼容性的问题,即在Internet Explorer(IE)...

    浅谈Android textview文字对齐换行的问题

    "浅谈Android textview文字对齐换行的问题" Android TextView 文字对齐换行的问题是一个常见的Android开发问题。...通过这两种方法,可以解决TextView 中文字对齐换行的问题,实现文字排版的整齐性和美观性。

    jquery_input提示

    7. **响应式设计**:考虑到跨设备兼容性和不同屏幕尺寸,提示框的位置可能需要动态调整,以确保始终与对应的input元素对齐。 8. **自定义扩展**:如果需要更复杂的提示功能,如搜索建议、下拉菜单等,可以基于此...

    kivy_TextInput.rar

    9. **文本对齐方式**:`halign`和`valign`属性用于设置文本在输入框中的水平和垂直对齐方式。 10. **禁用状态**:`disabled`属性可以将`TextInput`设为禁用状态,用户无法修改其中的文本。 通过本项目的源码实践,...

    CCS实现input和img水平对齐的方法

    特别是当我们将不同类型的元素,如input输入框和img图片标签放在一起时,确保它们的对齐方式一致,可以增强页面的整洁度和专业感。在本话题中,我们主要探讨如何使用CSS(Cascading Style Sheets)来实现input和img...

Global site tag (gtag.js) - Google Analytics