我有一些按钮具有不同数量的文本行,都具有固定的宽度和高度.似乎我放在< button>之间的任何东西< /按钮>标签默认垂直对齐中间.我想将按钮中的文本垂直对齐到顶部,以便每个按钮的第一行从同一行开始.
我找到的一个解决方法是this,但正如您在此示例(http://jsfiddle.net/d27NA/1/)中所看到的,使用此方法,我必须手动指定包含不同长度文本的按钮的top属性,否则包含较长文本的按钮将溢出顶部.
我想知道是否有一种替代方法可以更优雅的方式解决这个问题.谢谢.
HTML:
<div> <button class="test"> This text is vertically center-aligned. I want this to be top-aligned. </button> </div>
CSS:
.test{ font-size:12px; line-height:14px; text-align:center; height:100px; width:100px; }
解决方法
原文地址:https://www.jb51.cc/html/231612.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。