我们经常使用的html字符宽度总是很难设置，html的文本对齐方式也不会设置。 现在这篇文章可以帮助您。 这里是html字符宽度的调整和文本对齐方式的设置。 现在我们来看看这篇文章
首先我们看一下html中的字符宽度是如何设置的：
我们先来了解一下我们平时显示的文字是什么样子的：
这是正常的文本。 本文我们首先要了解的是html中字符宽度的设置，所以我们肯定不能按照这种文字来设计。 我们来改变上图中的字符宽度：（这是完整的代码css间距，css样式丰富）
PHP中文网 .you_1{letter-spacing:10px}这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，这里是PHP中文网；这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，这里是PHP中文网；
这样做的疗效是非常显着的。 我们在head中设置应用css样式： letter-spacing: 10px: 这意味着字符宽度设置为十个像素。 我们看一下浏览器中显示的疗效
可以明显看到这个字符的宽度变大了很多。 其实这就是上图中删除很多字符的疗效。 这是为了让它更明显。 在这里我们可以清楚的认识到这个内容。 是的，当你觉得空间太大时，你也可以改变css样式中的像素值，使其达到你想要的像素点。 （了解更多请移步PHP英文网站css视频教程专栏）
字符宽度设置完了，现在来说说html的文本对齐方法：
以上三个就是我们需要掌握的三种基本css样式的属性。 我们先看一下文字方向的设置：
这是文本方向的示例：
PHP中文网 .you_1{direction:rtl}这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，我们这是左对齐
这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，我们这是右对齐
上面添加了一个小类，使得这个类名的标签全部右对齐。 我们来看看在浏览器中的效果：
一般情况下，文本是左对齐的，这样我们就可以设置文本的右对齐。
当我们想让文本居中时该怎么办？ 没错，就是前三个属性中的第一个属性，一个css样式，或者这样的文字，我们来设置一下代码，复制里面的代码，看一下代码：
PHP中文网 .you_1{text-align:center} .you_2{text-align:right}这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，这里是PHP中文网；
这是一个PHP中文网，这是一个用文本段落标签标记的一个段落，这里是PHP中文网；
在css样式中，我设置了两个样式值。 为了方便大家看一下效果：
疗效应该是非常明显的，不应该是任何人都看不到疗效的。 里面的文字居中，下面的文字在左边。 讲了这么多，这些属性的应用大家应该都明白了，记得多练习几次。 还有一个属性和前面的用法一样，就不多说了css间距，介绍也很详细，属性值都放在一起了。
这篇关于HTML设置字符宽度和HTML文本对齐方法的文章就差不多到这里了。 如果您有任何疑问，可以在下方留言。
【编辑推荐】
htmlinput 标签有哪些属性？ 输入标签的使用总结（附示例）
如何设置html搜索框？ html搜索框input标签的使用示例
本文将详细讲解如何用CSS消除按钮之间的宽度。 我觉得很实用，所以分享给大家，作为参考。 希望您读完本文后有所收获。
在CSS中，您可以使用“font-size”属性来消除按钮之间的宽度。 按钮之间是有宽度的，因为元素节点有文本节点，代码缩进的时候会抢占长度。 只需要在按钮元素的父元素中添加“font-size:0;” 样式以消除宽度。
本教程的运行环境：windows7系统，CSS3&&HTML5版本，戴尔G3笔记本。
一般情况下css间距，我们在设置按钮的时候，按钮之间都会有一个宽度，示例如下：
Document
输出结果：
这时候我们需要设置button元素的父元素，只需添加“font-size: 0;” 为其父元素设置样式。
示例如下：
Document body{ font-size:0; }
输出结果：
Document div{ font-size:0; width:200px; height:100px; border:1px solid red; }
输出结果：
这篇关于《如何消除css中按钮之间的宽度》的文章就分享到这里。 希望以上内容能够对您有所帮助css间距，让您学到更多的知识。 如果您觉得文章不错，请转发出去，让更多人听到。
