css字间距代码(css垂直对齐方式)

  ********CSS一些常用属性*******

image.png

  0.去掉下划线 :text-decoration:none ;

  1.加上下划线: text-decoration: underline;

  2.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px;

  3.外边距:margin

  4.内边距:padding

  5.居中;margin 0 auto;(只是针对盒子居中)

  6内联标签是不可以设置长宽的,有时候就得把内联标签变成块级标签或者块级内联标签,这就用到了display标签。。

  1.将内联标签转换成块级标签:display:block;

  2.将块级标签转换成内联标签:display:inline;

  3.块级内联标签:display;inline-block;

  块级内联标签可以像块级一样可设长宽,也可像内联一样在一行显示

  在CSS中,要使文字垂直显示,可以使用vertical-align属性。这个属性可以应用于行内元素和表格单元格上。默认情况下,文本在垂直方向上是基线对齐的,也就是说,文本的底部与基线对齐。

  如果要使文本垂直居中,可以将vertical-align属性的值设置为middle。如果要使文本顶部对齐,可以将值设置为top。如果要使文本底部对齐,可以将值设置为bottom。还有一些其他的值可以使用,例如text-top、text-bottom等。需要注意的是,vertical-align属性只能应用于行内元素和表格单元格上,对于块级元素是无效的。


发表评论

评论列表

还没有评论,快来说点什么吧~