1、打开Dreamweaver cc 2014软件,选择建立html界面,里面自动生成一些必要代码的代码格式,节省时间。
2、在body标签内输入:<div class="one">最喜欢玩游戏</div>;这是图形框的代码,以及要居中的文本内容。
3、在body标签前面位置,输入:
<style>
.one{
width:400pxheight:220pxborder:red solid 1px
}
</style>
5、输入完保存,摁F12键弹出页面,可以看到图框中的文字没有居中。
6、要想文本文字居中,先加上些代码内容。
7、然后增加内容后保存,恩F12键,跳转到页面看效果,即可看到文本居中。
可以给标签家个id或class就可以调整文本框的宽和高。
如:
<style type="text/css">
.text1{width:100pxheight:20px}
</style>
<input type="text" class="text1" />
扩展资料:
在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。
该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。
默认值:left if direction is ltr, and right if direction is rtl
继承:yes
版本:CSS1
JavaScript 语法:object.style.textAlign="right"
参考资料来源:百度百科-text-align