1、html如何让文字居中显示
你的话有歧义,所以导致下面的回答有歧义。
两种情况:1、文本格式居中;2、文本所在标签居中显示在窗口中。
1、如其他匿名用户回答的一样,给文本所在标签加CSS属性值"text-align:center"即可。例如:
<p style="text-align:center">我是文本,居中显示</p>2、有很多种方法,这里介绍两种,例如:
1)(建议)文本应该被 行内标签或行内块级标签 包裹,行内标签或行内块级标签又被 块级标签包裹。此种方式 文本格式 会居中。若想 文本格式 不居中,可在行内标签或行内块级标签中加CSS属性值"text-align:left"或其他。
<div style="text-align:center"> <!-- 块级标签 -->2)文本被块级标签包裹。为块级标签设置宽度,并加上CSS属性值" margin:0 auto"。此种方式 文本格式 不会居中。若想 文本格式 也居中,可在块级标签加CSS属性值"text-align:center"。
<div style="width: 100px; margin:0 auto">我是文本所在标签,文本居中显示</div>以上,谢谢。
2、用html做网页的时候怎么让表格的每行中的字都居中
在css中进行定义即可:
td {text-align:center}
css写在html的<head></head>中,其实也是html的一个组成部分啊,如果你非要完全用html,那就只能在每个td标签内加入 align="center" 了。
下面是一个例子:
<html>
<head>
<style>
td {text-align:center}
</style>
</head>
<body>
<table>
<tr>
<td>1</td><td>2</td>
</tr>
<td colspan=2>3</td>
<tr>
</tr>
</table>
</body>
</html>
3、网页制作时的AP DIV如何设置为相对于网页居中对齐??怎么那个设置项没有居中对齐??求解!!!
你用的 ap div,就是做过定位的。居中办法可以是这样。你先暂时不用dw的工具面板手动设置居版中,尝试用权手写代码。
第一个办法:在div中加入这段代码
div{width:1000px;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:0;}
第二个办法
div{width:1000px;position:relative;left:50%;margin-left:-500px;}
4、网页制作,如何把页面内容排版居中,内容文字对齐导航栏
这块的内容部分外围应该有一个div,给这个div给如上导航栏的宽度和
块居中(margin:0px
auto)就行
5、如何运用网页设计中对齐原则
西安UIpark
视觉上遵从保持尺寸和边缘的一致性。
对齐可以让一个网站页面看起来比较规范整齐。对齐一般有三种方式:左对齐、居中对齐、右对齐。
在网页当中运用比较多的是居中对齐和左对齐,大篇幅的右对齐可读性上比较差,所以出现的频率不高,小部分的出现还是有的。不管是哪种方式的对齐,网页中对齐后的文本一定要考虑可读性的问题,千万不要本末倒置。
对齐在网页中的运用无非还是上面那三种对齐方式,正常情况下我们要注意的对齐有这些:元素的对齐、文字的对齐、图片的对齐、区块布局的对齐。
1、元素对齐
元素的对齐指的是网页中的一些按钮、图标、搜索框等网页中的元素统一采用一种对齐方式对齐。
用主页来举例,可以看到图标部分都是居左对齐的,元素上的对齐分布让整个界面看起来整齐简洁,内容划分也变得比较明确,可读性强,方便浏览者浏览。
一个网页当中,会有很多元素,而元素的对齐可以让整个界面变得井然有序,元素过于随意摆放没有规律,会让界面杂乱无章。
2、文字的对齐
文字的对齐方式也不外乎上面三种,左对齐是最常见的,居中对齐常出现在文章详情的标题部分,右对齐文字出现的频率小一点,不会以大篇幅出现,大部分在登陆注册或是产品详情界面中常见。
左对齐的方式适合人们的阅读习惯,在网页中也比较常见,这里不多讲了。
居中对齐是进几年随着html5流行起来,越来越多设计师用居中对齐作为一些区块内容展示的方式。
可以看到,苹果官网在产品介绍页面,文字用得比较多的是这种居中对齐。这样的对齐方式有个好处就是让浏览者的视线集中在该区块内容上,其次从样式上的不对称感可以增加界面的层次感和设计感。但是文字居中对齐不适用于文字内容太多的区块。
右对齐常见到的是在一些小的细节中,比如登陆注册界面、底部导航区块等,仔细看看还是可以发现有一些地方用到了右对齐。
惠普商城注册界面中输入框提示文字全部都是居右对齐,让提示信息和输入框看起来更为整体和舒服。在注册界面上的设计,大部分设计都是提示信息居右对齐,包括蝉知注册界面也是这样的设计方式,不信可以打开网站看看。
3、图片的对齐
图片对齐也不外乎上面说的三种方式,图片对齐好处理一些,主要根据网页想表达的内容去做对齐,以达到好的视觉展示效果。所以在不同的情况下,可以采用不同的对齐方式。
在当当的图书展示页中,列表展示方式下图片在图片的左边,文字在图片的右侧。
在大图展示方式下,可以看到产品图是居中展示的。所以就算是同一个网站也不会只用一种对齐方式,对齐比较灵活,就算是同个页面,也可能为了视觉效果而采用两种或三种对齐方式,这个根据整个界面的效果而定。
4、区块布局的对齐
上面讲的小元素对齐重要,那大的区块对齐也很重要。视觉上的对齐,可以让浏览者快速的浏览到相应的内容。小元素不对齐会显得乱,大区块不对齐会让整个界面没有秩序感。
这样的情况最常出现在一些产品展示的网站当中,设计这个网页的设计师说他们刻意追求不对称感。按钮的不对齐,和区块的不对齐,让整个界面显得很粗糙。在不是瀑布流的情况下,这种区块大幅度出现在界面当中的时候,对浏览者来说就是一种折磨。
说到区块的对齐,不得不提的栅格系统,栅格系统可以让一个网站看起来有秩序感。很多人不喜欢栅格系统,觉得限制他们自己的创意。
事实上,栅格的运用可以很灵活,分多少栏全看设计师的设计。
用当当的登陆界面给大家总体分析一下,在当当网的界面当中,有左对齐、居中对齐和右对齐,其实这些概念大家都懂,就是不知道怎么合理的运用到各个网页当中。
可以看到整个界面的层次区分图,这是人视觉停留的内容层次图,通过层级关系的分析,我们可以找到一定的规律:
第一眼是居中显示的,当视线提留到1区时,1区的内容是右对齐,视线转移到2区时,2区内容是左对齐。3区则是为了平衡界面有左对齐也有右对齐。
因此可见,对齐也是有层次的,不同层次内容可以采用不同的对齐方式。
对齐相比较之前的其他设计原则来说,会比较简单也好理解,但是在具体的实践过程中,还需要设计师们去思考和设计。对齐,不仅可以在信息层级上一致,而且会更有气势。
总之,在做网站的时候要以内容为主旨,界面设计一定是要方便用户快速找到他们想要的。其次使用正确的对齐方式,让界面更为整齐,信息更为明确。
6、网页设计中如何使页面居中对齐?
在你要居中的标签中加入 style="margin-left:auto;margin-right:auto;" 当然,有个前提是,你的文件头必须是标准的dtd。
7、在网页设计中,如何让网页居中显示,经常会网页会靠左对齐
在网页设计中,可以尝试将所有网页放在一个大的div中,再将该div的,左右margin设为auto:
完整的例子为:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>居中</title>
<style>
body{ text-align:center}
.main{ margin:0 auto; width:500px; height:200px; border:1px solid #F00}
</style>
</head>
<body>
<div class="main">我所在DIV在任意浏览器均布局居中</div>
</body>
</html>
8、HTML中怎么设置标题居中
HTML中设置标题居中的具体操作方法为:
1、打开html应用软件,在文本编辑框中,输入文本标回题。
2、在输入好的标答题前面加入代码style:text-align:center。
3、之后即可成功将网页的标题设置为居中位置。
9、网页制作 下拉菜单居中对齐
#Menu ul li ul{position:absolute;left:0px;}改变left的值,估计要有负值
10、用记事本编网页怎么将内容居中且左对齐
这个你是不是说建一个表格或者建层,然后将表格或层居中,然后在把文字进行左对齐,你说的不是很清楚,你加我,你把你想要的效果说清楚,我在给你做效果传给你。也可以加群聊:58111469,那个里面有我QQ,可以找我,我的就不留了。呵呵……
【这个是建了个表格的,你看一下,有问题MI我~】
<html>
<head>
<title>打开就知道</title>
</head>
<body >
<table width="545" border="1" align="center">
<tr>
<td>这个事网页的内容!! </td>
</tr>
</table>
</body>
</html>