Posted on | by liu
在网页制作中，使用CSS能够非常轻松地将文字写在框中。下面，就让大家来看一看如何实现吧。
首先，大家需要定义一个div（或其他容器元素），并设定它的宽度和高度。例如，大家可以这样写：
<div>
<p>这里是要放置文字的区域</p>
</div>
上面的代码表示，大家定义了一个宽度为200px、高度为100px、边框为1像素黑色实线的div，然后在它里面放置了一个段落元素p，用来放置文字。
接下来，大家需要对段落元素p进行样式设置，使它能够适应div的大小，并将文字垂直、水平居中。这可以通过以下的CSS代码实现：
<style>
div p {
margin:0;
line-height:100px;
text-align:center;
vertical-align:middle;
}
</style>上面的代码表示，大家选择所有被包含在div元素内的p元素，并将它们的margin（外边距）设为0，使它们与div之间不留空白。然后，大家将line-height（行高）设为100px，让文字能够垂直居中。接下来，大家将text-align（文本对齐方式）设为center，让文字水平居中。最后，大家将vertical-align（垂直对齐方式）设为middle，也是为了让文字垂直居中。
经过以上的设置，大家就能够将文字完整地写在div中了。如果需要调整文字的大小、颜色等，可以继续在CSS中设置，这里就不再赘述了。