资讯专栏INFORMATION COLUMN

内容对齐

TesterHome / 445人阅读

摘要:效果如下图使用名称这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行这里是很长很长的内容,需要换行使用名称

效果如下图

使用float

名称:
这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行...这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行

使用absolute

    
名称:
这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行...这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行

使用table
绝对没必要,哈哈哈,虽然可以实现效果。
不过,可以用display:table

名称:
这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行...这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行

弹性布局

名称:
这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行...这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行

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

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

相关文章

  • 对vertical-align的理解

    摘要:允许指定负长度值和百分比值。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。元素基线超过父元素的基线指定高度。取值元素与同行单元格的基线对齐。单元格垂直居中。单元格的内边距的下边缘与行的底端对齐。 vertical-align的理解: 设置元素的垂直对齐方式,是以父元素作为参照的。 多用于图片和文字的并排对齐。 适用于内联元素,内联块元素和表单元素。 display:i...

    ysl_unh 评论0 收藏0
  • Vertical-Align,你应该知道的一切

    摘要:而行内块元素,顾名思义,就是位于行内的块元素。红线表示行高的顶边和底边,绿线表示字体高度,蓝线表示基线。红线表示外边距的边界,黄色是边框,绿色的内边距,蓝色是内容区,蓝线是每个行内块元素的基线。现在,我们已经知道了对齐相关的一切要素。 好,我们聊聊vertical-align。这个属性主要目的用于将相邻的文本与元素对齐。而实际上,verticle-algin可以在不同上下文中灵活地对齐...

    Lycheeee 评论0 收藏0
  • HTML总结

    摘要:宋体是文本标记语言宋体宋体文件的扩展名一般为宋体或者宋体内的标签一般是成对出现,有开始就有结束宋体第一个标签宋体所有网页内容都是放在宋体标签内宋体标签是网页是最大的标签宋体第二个标签在宋体有两个重要的标签一HTML 是文本标记语言(Hyper Text Mark-up Language) Html文件的扩展名一般为.html或者.htm Html内的标签一般是成对出现,有开始就有结束 第一个...

    番茄西红柿 评论0 收藏0
  • Vertical-Align: 你应该知道的事情

    摘要:引言说起大家都知道他是用在对相邻的文字和内联元素上,比如常见的将一个图标和相邻的文字居中对齐。每个内联元素也有其自己的基线,顶线和底线。内联元素的基线位置低于行框的基线。内联元素的基线相对于行框基线移动相应于行高百分比的数值。 平时遇到vertical-align时候会有各种抓狂的时刻,调来调去虽然也弄好了但是心里面一直很虚,因为一直没有透彻理解过这个属性,搜索时候发现了一篇很棒的文章...

    yacheng 评论0 收藏0
  • 基线、底线、顶线、中线

    摘要:基线底线顶线中线顶线中文汉字的的上端沿中线横过英文字母的中间的线基线并不是汉字文字的下端沿,而是英文字母的下端沿底线中文汉字的下端沿内容区指底线和顶线包裹的区域行内元素可以通过属性显示出来,实际中不一定看得到,但确实存在。基线、底线、顶线、中线、vertical-align 顶线:中文汉字的的上端沿; 中线:横过英文字母x的中间的线; 基线(base line)并不是汉字文字的下端沿,而是英...

    zxhaaa 评论0 收藏0

发表评论

0条评论

TesterHome

|高级讲师

TA的文章

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