css属性设置元素的垂直对齐方式

vertical-align 属性设置元素的垂直对齐方式。

可能的值

值	描述
baseline	默认。元素放置在父元素的基线上。
sub	垂直对齐文本的下标。
super	垂直对齐文本的上标
top	把元素的顶端与行中最高元素的顶端对齐
text-top	把元素的顶端与父元素字体的顶端对齐
middle	把此元素放置在父元素的中部。
bottom	把元素的顶端与行中最低的元素的顶端对齐。
text-bottom	把元素的底端与父元素字体的底端对齐。
length
%	使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
inherit	规定应该从父元素继承 vertical-align 属性的值。

{
display: inline-block;
  font-size: 12px;
  line-height: 16px;
  vertical-align: -webkit-baseline-middle;
}

{
padding: 1px 0px 1px 3px;
display: inline-block;
overflow: hidden;
line-height: 0em;
}

时间： 2024-12-28 13:13:54

css属性设置元素的垂直对齐方式的相关文章

vertical-align 属性设置元素的垂直对齐方式。

值描述 baseline 默认.元素放置在父元素的基线上. sub 垂直对齐文本的下标. super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶端与父元素字体的顶端对齐 middle 把此元素放置在父元素的中部. bottom 把元素的顶端与行中最低的元素的顶端对齐. text-bottom 把元素的底端与父元素字体的底端对齐. length % 使用 "line-height" 属性的百分比值来排列此元素.允许使用负值. i

「CSS」文本编排相关的CSS属性设置

1.font-family:设置字体族. 格式为font-family:字体1,字体2,--,通用字体族|inherit. 通用字体族,是指一类相似的字体.W3C的CSS规则规定,要指定一个通用字体族,避免客户端没有安装指定字体时能使用本机上的通用字体族中的字体.该属性及其值的涵义如下图 2.font-size:设置文本的大小.该属性及其值的涵义如下图 3.font-weight:设置文本加粗.该属性及其值的涵义如下图 4.font-style:可设置字体是正常还是斜体.该属性及其值的涵义如下图

CSS3----vertical-align（文本垂直对齐方式）

一.代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文本垂直对齐方式vertical-align</title> <style type="text/css"> .head{ margin: 0 0 0 100px; } .container{ margin: 0 0 0 100px; } .contai

如何用Beyond Compare设置比较文件夹对齐方式

在文件比较工具中Beyond Compare 是非常专业的,其特点是性能强大并且容易操作,适用范围也非常的广,不论是文件夹,图片,程序代码,文本,表格都可以拿来比较.在使用Beyond Compare的过程中我们会发现其有着自己默认的排列方式,但是有时我们需要换种方式.下面我们来给大家分享一下如何用Beyond Compare设置比较文件夹对齐方式? 原文:http://www.beyondcompare.cc/jiqiao/wenjianjia-duiqi.html 具体操作步骤如下所示步骤

css之vertical-align(盒子垂直对齐方式)

1.vertical-align常用的值有:top.middle.bottom. 1)top 把元素的顶端与行中最高元素的顶端对齐,即顶部对齐. 示例: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 9 <title>Document</title> 10 <style> 11 body{

前端教程(9)css入门教程-css属性设置

一字体属性 1.font-weight:文字粗细取值描述 normal 默认值,标准粗细 bord 粗体 border 更粗 lighter 更细 100~900 设置具体粗细,400等同于normal,而700等同于bold inherit 继承父元素字体的粗细值 2.font-style:文字风格 normal 正常,默认就是正常的 italic 倾斜 3.font-size:文字大小 fs:一般是12px或13px或14px 注意: 1.通过font-size设置文字大小一定要带单位

zIndex 属性设置元素的堆叠顺序。

http://www.w3school.com.cn/jsref/prop_style_zindex.asp 该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴.如果为正数,则离用户更近,为负数则表示离用户更远. 语法: Object.style.zIndex=auto|number 可能的值值描述 auto 默认.堆叠顺序与父元素相等. number 设置元素的堆叠顺序. 提示和注释注释:元素可拥有负的 z-index 属性值. 注释:Z-index 仅能在定位元素

JavaScript的DOM_获取CSS样式设置元素大小

一.通过 style 内联获取元素的大小 style 获取只能获取到行内 style 属性的 CSS 样式中的宽和高,如果有获取:如果没有则返回空. <script type="text/javascript"> window.onload = function(){ var box = document.getElementById('box'); //获取元素 alert(box.style.width); //200px. 没有设置的话为空 alert(box.sty

使用 CSS3 的 box-sizing 属性设置元素大小包含 border 与 padding

? 默认情况下,内部元素(如:input)的宽度或高度,是不会包含元素的边框和内边距的,这是就需要使用 box-sizing 属性设置该元素. ? box-sizing 是 CSS3 的属性,可以设置以上值: 1. content-box: 元素 size 不包含 border 和 padding,默认值. 2. border-box: 元素 size 包含 border 和 padding. 3. inherit: 指定box-sizing属性的值,应该从父元素继承. 1)