资讯专栏INFORMATION COLUMN

表单短标题不同字数两端对齐问题

xcc3641 / 2088人阅读

摘要:方法一利用属性和参考热门搜索电视机性感漂亮高跟鞋手机对齐牛仔裤小家碧玉家居这个值是看最长能显示几个文字,如,则为如果需要个字两端对齐,则为这里是同上如果需要个字两端对齐,则为这里是同上方法二利用透明字占

方法一:利用letter-spacing属性和em

参考:https://blog.csdn.net/muyutin...

html

热门搜索
电视机
性感漂亮
高跟鞋
手机
对齐
牛仔裤
小家碧玉
家居

css


}

方法二:利用透明字占位

空格


方法三:利用两端对齐属性
text-align:justify;
width:100px;
方法四:利用占位符

   一个空格的位置
 一个字符的位置
 半个字符的位置
此处需要注意的是在微信小程序中使用占位符只能在标签对内使用,

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53456.html

相关文章

  • 表单标题不同字数两端对齐问题

    摘要:方法一利用属性和参考热门搜索电视机性感漂亮高跟鞋手机对齐牛仔裤小家碧玉家居这个值是看最长能显示几个文字,如,则为如果需要个字两端对齐,则为这里是同上如果需要个字两端对齐,则为这里是同上方法二利用透明字占 方法一:利用letter-spacing属性和em 参考:https://blog.csdn.net/muyutin... html 热门搜索 电视机 性感漂亮 ...

    vibiu 评论0 收藏0
  • 标题自动两端对齐

    摘要:是为了让伪元素宽度和父元素相同并单独占满一行。总结下来也就是说,伪元素自己独占了一行使浏览器认为该元素不是一行文字,而是两行,所以就生效了。 前几天在交流群里碰到了这样的一个问题怎样让下图这组短名字保持长度一致,两端对齐呢?showImg(https://segmentfault.com/img/bVUE2g?w=128&h=272); 我在百度上查阅了一些文章,但是经过测试基本都没成...

    Maxiye 评论0 收藏0
  • HTML基础整理

    摘要:标签标签由一对尖括号包裹起来的整体。表格标签行单元格代码游戏段位倔强废铁执拗钢铁部门姓名电话号码修复部技术宅测试部测试神的属性表格边框单元格之间的间距单元格的边框与内容之间的间距表格宽度表格高度的属性内容水平对齐方式。 html的基本结构 html的基本结构 1.DOCTYPE:声明文档...

    Lycheeee 评论0 收藏0
  • 浮动的label

    摘要:下面就介绍一个用伪类实现的浮动。这种浮动的效果和的效果不同,前者是获取到焦点,立马开始浮动,而后者是当用户输入内容时也就是消失时,开始浮动。 在web项目中,有一个很重的模块就是登陆/注册模块,这个模块的主体部分就是一个form表单,这个form表单包含两个重要input组(用户名/密码),每个input组都包含label和input,而关于 label+input 的布局方案多种多样...

    Aomine 评论0 收藏0

发表评论

0条评论

xcc3641

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<