CSS设置行内元素和块级元素水平居中

默认的行内元素包括:a( 锚点) ,span(定义文本内区块) img(图片) input(输入框) select(项目选择) strong(粗体强调) label(标签) cite (引用)code(计算机代码)等。

默认的块级元素包括:div ul(无序列表) ol(有序列表) dl(定义列表) table(表格)form(表单) h1 (一级标题))p(段落)pre(预格式化)等。

行内元素和块级元素可以通过设置display属性相互转换,display:block表示按块级元素显示,display:inline表示按行内元素显示。

行内元素的水平居中

行内元素的水平居中可以在其父元素中设置text-align:center,以label为例,如下



块级元素的水平居中

块级元素的水平居中可以设置margin:0 auto,但是要设置width属性,以div为例,如下



div 水平居中

 

你可能感兴趣的:(css,css,水平居中,行内元素,块级元素)