css 段落样式

html-css011

css 段落样式,第1张

text-align: 段落水平对齐设置值：center、right、left、justify（继承）

vertical-algin: 段落垂直对齐设置值：sub（垂直对齐文本的下标。） super（垂直对齐文本的上标） top（上） middle（中） bottom（下） 10px -10px 相对于元素行高属性的百分比

letter-spacing: 字母的间距

word_spacing: 单词的间距

line-height: 文本行高

text-indent: 缩进方式

white-space: 排版方式设置值：normal （默认，空白会被忽略） pre（原样显示） nowrap（文本不会换行）

css设置水平居中，我们首先需要做的就是给这个div或者是表格一个width和height让他有具体的高宽显示，然后在通过margin来实现，margin的介绍，可以看图：

将margin设置成0 auto就成居中显示了，具体看代码：

<html>

<head>

<style>

tabel{

width:400px

height:300px

margin:0 auto

}

</style>

</head>

<body>

<table>

<tr>

<td>我是测试文字</td>

</tr>

</table>

</body>

</html>

在CSS中，我们可以使用各种方法和技术来使对齐项目，例可以水平和垂直对齐项目。下面本篇文章就来给大家介绍一些使用CSS对齐项目的方法，希望对大家有所帮助。

1、margin : auto

此属性用于将块元素水平对齐到中心。

示例：

注意：使用margin : auto在IE8中不起作用，除非声明了!DOCTYPE。

效果图：

2、position: absolute

我们可以使用position: absolute来对齐项目。

示例：

效果图：

3、text-align: center

我们可以在各种标签中使用text-align: center；它可以将任何用HTML编写的文本对齐。

示例：

效果图：

4、line-height属性

想要垂直对齐项目，我们可以使用line-height属性。line-height 属性设置行间的距离（行高）。

示例：

效果图：

5、padding和text-align属性

我们可以使用padding属性和text-align : center的组合来垂直和水平对齐文本。

示例：

效果图：

本文参考地址： https://www.html.cn/qa/css3/10403.html