DreamWeaver⽂字怎么居中对齐?dw垂直居中对齐的技巧DreamWeaver中的⽂字想要实现居中对齐,该怎么局长呢?下⾯我们就来看看详细的教程。
Adobe Dreamweaver CC 2017 v17.0 中⽂版(附安装教程) 64位
类型:⽹页设计
⼤⼩:758MB
语⾔:简体中⽂
text align center时间:2016-11-05
查看详情
1、打开DreamWeaer软件,在body标签中间点击⼀下,调出⽂字输⼊框
2、然后输⼊div标签,如下图所⽰
3、在head标签中,输⼊style标签
4、在style标签中添加div的属性设置:width:100px;height:100xp;background-color:red;宽:100px;⾼:100px;背景⾊为红⾊。如下图所⽰
5、点击拆分,查看效果
6、然后继续在属性中输⼊text-align:center;⽂字⽔平居中对齐
7、对于垂直居中对齐,这⾥运⽤⾏⾼的关系,整个图形的⾼度为100px;如果字体的⾏⾼也设置为100px,那么⽂字就在中间了。代码是line-height:100px;
8、最后将⽂件保存。
9、在浏览器中打开就是这样的。如下图所⽰。
以上就是dw垂直居中对齐的技巧,希望⼤家喜欢,请继续关注。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论