当前位置:  开发笔记 > 前端 > 正文

HTML INPUT无线电元素文本的CSS对齐方式

如何解决《HTMLINPUT无线电元素文本的CSS对齐方式》经验,为你挑选了1个好方法。

我有一个input[type="radio"]固定宽度的块容器内的元素.元素的支持文本不适合单行,并且落在两行或更多行上.例如:

div.leftBlock {
  position: relative;
  float: left;
  width: 275px;
}
This is a rather long supporting text that does not fit in one line.

我如何设置元素(或其文本)的样式,使文本所属的每一行都从第一行的同一缩进级别开始?第一行文本必须与元素处于同一垂直级别.

任何帮助都感激不尽.



1> nickf..:

容器可以使用正左padding和负text-indent.

.leftBlock {
    padding-left: 20px;
    text-indent: -20px;
}
.leftBlock input {
    width: 20px;
}

这是一个例子

推荐阅读
手机用户2402852307
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有