CSS：水平居中与垂直居中_html/css_WEB-ITnose

CSS居中算是一个比较基础的问题，在实际运用中，需要考虑到的一般是两种情况，一种是主要是表现为文字，图片等行内元素的居中，一种是指 div 等块级标签元素的居中。

水平居中

1、行内元素

行内元素（主要是表现为文字，图片等行内元素），通过在父级元素设置 text-align:center 使子级行内元素居中。

2、定宽块级元素

为定宽块级元素设置：

1 margin-left:auto;2 margin-right:auto; 

3、不定宽块级元素

不定宽块级元素居中有三种方法：

加入 table 标签 设置 display:inline 方法 设置 position:relative 和 left:50%

方法一：

将元素用 table 标签包裹起来，包括 tbody、tr、td，但这种方法为了居中增加了无语义的标签。

---------------------------------------------------------举个栗子 ---------------------------------------------------------

HTML：

 1 
 2     3       4         5           6              7                我是要  8                居中的  9                ul标签 10             11          12        13      14    15

      
查看更多关于CSS：水平居中与垂直居中_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did107843