网海天涯

调节文字排放位置 这节的教程我们来学习如何调节blog名称和描述的位置。还是接着上节的教程来看，我们要在css中添加一些代码，即可实现文字排放位置的调节。下面我们先来学习简单的文字对齐方式。 文字对齐可分为左对齐，右对齐，中间对齐以及两端对齐。我们先看下这段代码： 这段代码在上节教程中已经出现过了，如果不懂的话，请回到上节教程查看下。当我们设置好id为header的div 的宽度后，然后定义这个div的文字对齐方式，比如说右对齐，那么id为header的div 中的文本元素就会靠右对齐。常用的规定对齐方式的css属性为text-align，其值可有left,right,center,justify。如果我们想要让id为header的div中的文本元素靠右对齐的话，我们就可以这样定义header的css： #header { width:850px;height:290px; text-align:right; } 这样一讲的话，大家就明白了吧，如果我想让其中的文本元素排在中间的话，那么，就应该写成text-align:center; 但是不足的是，我们这里的对齐方式只是在水平方向上的对齐，如果我想让文字距离header的顶部有一段距离的话，text-align这个属性就无能为力了。这时候，我们可以利用padding（内补丁）属性来解决问题。 padding可以方便地定义div（当然也包括其它标签，方便起见，这里只以div为例）内部的元素的显示位置。这个元素的意义不太好理解，我们还是用上面那段代码来加以说明下。 #header { width:850px;height:190px; text-align:right; padding-top:100px; } 现在我们来看下显示效果： 注意下我写的css代码，我把height由原来的290px改成190px了，padding-top的值我设成100px了。大家注意到了吧，padding-top的值加上190px后，就是290px了，也就是我们之前定义的那个样式了。如果我们再增加个padding-right:70px;并且将width减少70px的话，显示的效果又会是什么样呢？请看下面的图示： 好了，这节的内容就这样简单地讲解完了，当然css中还有其它方法可以实现文字的排放位置的调整，但出于简单起见，我只大概的讲解了text-align和padding属性，也没有对padding属性作进步的讲解，希望大家先记住这节的内容，以后如果有需要的话，我会继续讲padding的含义的。另外，也请大家结合着css手册来学习我这里的教程，因为css手册上解释的内容要更加正确一点，我个人所能传达的知识毕竟有限，所以也请大家自己多加学习学习html和css的相关知识，而不要一味地指靠他人共享模板……最后，还是要提醒下，如果对于这节教程有不懂的地方，请留言告诉我。