1、打开HTML的编辑器。
2、找到需要居中的图片或者文字。
3、在body里面,设置CSS样式。
4、添加样式为:text-align:center;即可。
超文本标记语言(HyperTextMarkupLanguage),缩写为HTML,标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。
解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:automargin-right:auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center"。
若居中对齐的子元素内的行内内容不需要居中对齐,则还需要为其设置“text-align:left”:
<style>
* { font-family:Consolas,Verdana,Arialfont-size:12px}
div, center { border:3px solid dimgraypadding:2px}
span { background:lightgrey}
</style>
<div style="width:200pxtext-align:center">
<div style="width:100pxmargin:0 autotext-align:left">
<span>text</span>
</div>
</div>
第一种方法,右击页伟病化考劳地括凯问面,点击对齐中的居中对齐。2/4
第二种方法,点击下方css中的居中对齐。
3/4
选择类的位置,输入类名称,点击确定。
4/4
这两个方法都可以居中对齐。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)