网页怎么做文字显示位置的控制
网页怎么做文字显示位置的控制（来源网上）&
文字显示位置分别为：
水平方向（align），垂直方向（valign）
水平方向即左中右：
left（左对齐）
center（居中）
RIGHT（右对齐）
垂直方向即靠顶和靠底.
top（靠顶）、bottom（靠底）等。
水平方向即左中右的代码：
align=left&
&font style=font:15pt face=黑体
color=fff000&向左对齐&/font&&/P&
align=CENTER&
&font style=font:15pt face=黑体
color=fff000&表示居中&/font&&/P&
align=RIGHT&
&font style=font:15pt face=黑体
color=fff000&向右对齐&/font&&/P&
金钥匙就不显示了, 其实是很明显的, 看文字你就知道具体的方位了!
下面我们用图片做出来的效果代码, 对大家的帮助和学习是实例的意义,
理解起来就清楚得多了;
&TABLE width=480 height=320 bordercolor=olive
background=http://img.bimg.126.net/photo/jo8HqUwaHI7sW-so_hKerg==/5514743.jpg
border=18&
&td align=center
valign=top&&br&
&FONT style="FONT-SIZE: 25pt" face=华文行楷
color=#ff00ff&
align=left&金钥匙&/P&&br&
align=CENTER&喜欢你的到来!&/P&&BR&&BR&
align=RIGHT&朋友&br&你好!&/P&&/B&&/FONT&
&/TD&&/TR&&/TOBDY&&/TABLE&&/CENTER&
喜欢你的到来!
<font COLOR="#.
代码中红色的就是图片的地址, 大家是可以换的!
2. 代码中粉色的是文字的标签, 它里面的含义包括了文字设置的大小;
文字的字体; 文字的颜色值; 这些都是可以调整的!
3. 代码中黄色的就是直接显示文字的位置了,
其实就是水平方向即左中右的代码!
二. 靠顶和靠底的代码：
垂直方向valign）靠顶的代码：
&TD align=LEFT
valign=top&居左靠顶&/TD&
&TD align=center
valign=top&居中靠顶&/TD&
&TDalign=RIGHT
valign=top&居右靠顶&/TD&
垂直方向valign）靠底的代码：
&TD align=LEFT
valign=bottom&居左靠底&/TD&
&TD align=center
valign=bottom&居中靠底&/TD&
&TD align=RIGHT
valign=bottom&居右靠底&/TD&
文字输出位置垂直方向的代码是设置在一张空表格的单元格里（TD）和(/TD)，方便易用。
实例如下：
&TABLE width=480 height=320 bordercolor=olive
background=/sucai/news/bg/59.jpg
border=18&
&TABLE width=460
height=320 bordercolor=olive border=0&
&TD align=LEFT valign=top
height=80&&FONT style="FONT-SIZE:
12pt" face=黑体
color=#fff000&&B&
居左靠顶的代码&BR&&h3&align=LEFT
valign=top&/h3&&/B&&/FONT&&/TD&&/TR&
&TD align=center valign=top
height=160&&FONT style="FONT-SIZE:
12pt" face=黑体
color=#fff000&&B&
居中靠顶的代码&BR&&h3&align=center
valign=top&/h3&&/B&&/FONT&&/TD&&/TR&
&TD align=RIGHT valign=bottom
height=80&&FONT style="FONT-SIZE:
12pt" face=黑体
color=#fff000&&B&
居右靠底的代码&BR&&h3&align=RIGHT
valign=bottom&/h3&&/B&&/FONT&
&/TD&&/TR&&/TABLE&
&/TD&&/TR&&/TABLE&&/CENTER&
居左靠顶的代码
align=LEFT
valign=top
居中靠顶的代码
align=center
valign=top
居右靠底的代码
align=RIGHT
valign=bottom
&#9671;垂直方向设置必须在表格的单元格里（TD）和(/TD)。
&#9671;本实例在图框内插入一张空表格，分为三横排。
&#9671;根据各行插入内容设置高度。
&#9671;在一张表格中，设置每一行的关键语句。
行的开始标签：
&TD align=center valign=top
height=160&
行的结束标签：
&/TD&&/TR&
代码命令注解:
一、字体语法：
　　align=center
　　align=right
　　align=left
　　align=up
　　align=down
color=ff000&...&/font&
　　face=华文行楷表示字体
style=font:30pt face=新宋体
color=#ff0000&文字&/font&
　&& font:30pt
数值大文字就大
size=1&...&/font&
size=7&...&/font&
&h1&...&/h1&
标题字(最大
　　&h6&...&/h6&
标题字(最小)
&b&...&/b&　粗体字&&&
　　&strong&...&/strong&
粗体字(强调)&&&
　　&i&...&/i&
　　&em&...&/em&
斜体字(强调)&&&
&big&...&/big&
&marquee&...&/marquee&
移动字体(走马灯)
&dfn&...&/dfn&
斜体字(表示定义)&&&
　　&u&...&/u&
　　&ins&...&/ins&
底线(表示插入文字)&&&
　　&strike&...&/strike&
　　&s&...&/s&
　　&del&...&/del&　删除线(表示删除)&&&
　　&kbd&...&/kbd&
键盘文字&&&
　　&tt&...&/tt&
　　&xmp&...&/xmp
固定宽度字体(在文件中空白、换行、定位功能有效)&&&
　　&plaintext&...&/plaintext&
固定宽度字体(不执行标记符号)&&&
　　&listing&...&/listing&
固定宽度小字体&&&
　　&font style
="font-size:100px"&...&/font&
二、区断标记：
　　&hr size="9"
水平线(设定大小)&&&
&hr width="80%"&
水平线(设定宽度)&&&
color="ff0000"&
水平线(设定颜色)&&
& 空格命令　　
&nobr&...&/nobr&
(不换行)&&&
　　&p&...&/p&　(段落)&&&
　　&center&...&/center&
&!&连结格式&&&
href=地址&
(预设好连结路径)&&&
href=地址&&/a&
外部连结&&&
　　&a href=地址
target="_blank"&&/a&
外部连结(另开新窗口)&&&
　　&a href=地址
target="_top"&&/a&
外部连结(全窗口连结)&&&
target="页框名"&&/a&
外部连结(在指定页框连结)&&&
三、贴图/音乐：
　　&img src=图片地址&
　　&img src=图片地址
width="180"&
设定图片宽度&&&
　　&img src=图片地址
height="30"&
设定图片高度&&&
　　&img src=图片地址
alt="提示文字"&
设定图片提示文字&&&
　　&img src=图片地址
border="1"&
设定图片边框&&&
　　&bgsound
src=MID音乐文件地址& 背景音乐设定
background="背景图片地址"& 贴背景
bgcolor="#ff0000"& 设定背景颜色
　　&embed src="flash地址" width="宽度"
height="高度"& 贴Flash图
　　&img dynsrc="影视文件地址" width="宽度"
height="高度" start=mouseover& 贴影视
　　&iframe src="相关地址" width="宽度"
height="高度"&&/iframe&
href="对方网址"&写文字&&
href="对方网址"&&IMG src="图片地址"
border=0& 图片连接
　　&DIV&&FONT
face=黑体 color=#ff0000 size=4& &A
href="对方网址"&文字&/DIV&
彩色文字连接
align=center&&FONT color=#0066ff
face=华文行楷
size=5&插入文字&/FONT&&/P&设定文
四、滑动语法：
　　&marquee&...&/marquee&普通滑动&&&
　　&marquee
behavior=slide&...&/marquee&滑动&&&
　　&marquee
behavior=scroll&...&/marquee&预设卷动&&&
　　&marquee
behavior=alternate&...&/marquee&来回滑动
　　&marquee
direction=down&...&/marquee&向下滑动&&&
　　&marquee
direction=up&...&/marquee&向上滑动&&&
　　&marquee
direction=right&&/marquee&向右滑动&&&
　　&marquee
direction=left&&/marquee&向左滑动&&&
　　&marquee
loop=2&...&/marquee&滑动次数&&&
　　&marquee
width=180&...&/marquee&设定宽度&&&
　　&marquee
height=30&...&/marquee&设定高度&&&
　　&marquee
bgcolor=FF0000&...&/marquee&设定背景颜色&&&
　　&marquee
scrollamount=2&...&/marquee&设定滑动速度数值&&&
　　&marquee
scrolldelay=200&...&/marquee&设定滑动时间
&marquee scrolldelay=300
scrollamount=100&插入文字&/marquee&滑动停顿
&body background="背景图片地址" body
bgproperties=fixed&固定背景不随滚动条滚动
五．表格语法：&&&
　　&table
aling=left&...&/table&表格位置,置左&&&
　　&TABLE
aling=center&...&/table&表格位置,置中&&&
　　&table
background=图片路径&...&/table&背景图片的URL=就是路径网址&&&
　　&table
border=边框大小&...&/table&设定表格边框大小(使用数字)&&
　　&table
bgcolor=颜色码&...&/table&设定表格的背景颜色&&&
　　&table
borderclor=颜色码&...&/table&设定表格边框的颜色
　　&table
borderclordark=颜色码&...&/table&设定表格暗边框的颜色&&&
　　&table
borderclorlight=颜色码&...&/table&设定表格亮边框的颜色&&&
　　&table
cellpadding=参数&...&/table&指定内容与网格线之间的间距(使用数字)&&&
　　&table
cellspacing=参数&...&/table&指定网格线与网格线之间的距离(使用数字)&&&
　　&table
cols=参数&...&/table&指定表格的栏数&&&
　　&table
frame=参数&...&/table&设定表格外框线的显示方式&&&
　　&table
width=宽度&...&/table&指定表格的宽度大小(使用数字)&&&
　　&table
height=高度&...&/table&指定表格的高度大小(使用数字)&&&
colspan=参数&...&/td&指定储存格合并栏的栏数(使用数字)&&&
rowspan=参数&...&/td&指定储存格合并列的列数(使用数字)&&&
　　&!&分割窗口&&&
　　&frameset
cols="20%,*"&左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整&&&
　　&frameset
rows="20%,*"&上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整&&&
　　&frameset
cols="20%,*"&分割左右两个框架&&&
　　&frameset
cols="20%,*,20%"&分割左中右三个框架&&&
　　&分割上下两个框架&&&
　　&frameset
rows="20%,*,20%"&分割上中下三个框架&&&
　　&! - - ... - -&
　　&A HREF TARGET&
指定超级链接的分割窗口&&&
　　&A HREF=#锚的名称&
指定锚名称的超级链接&&&
　　&A HREF&
指定超级链接&&&
被连结点的名称&&&
　　&ADDRESS&....&/ADDRESS&
用来显示电子邮箱地址
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。此代码如何居中，求解答_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
此代码如何居中，求解答
&TD bgColor=#bb000e height=220 align=middle&&IFRAME height=220
src=&米线-云南过桥米线招商加盟官网_files/1h.htm& frameBorder=0 width=980
allowTransparency scrolling=no
tppabs=&http://www./mx/images/1h.html&...
我有更好的答案
&/TR&&/& frameBorder=0 width=980
allowTransparency scrolling=no
tppabs=&xxx&IFRAME height=220
src=&quot:100%&1h.htm&tr&米线-云南过桥米线招商加盟官网_files/TD&
&lt&table bgColor=#bb000e height=220 align=middle style=&text-&/IFRAME&&/
采纳率：61%
为您推荐：
其他类似问题
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;让网页窗口始终显示一半且居中的JS代码_模板无忧
让网页窗口始终显示一半且居中的JS代码_浏览器特效
有趣的代码，让新打开的窗口始终显示一半大小，并始终居中显示，不管你怎么拖动它，它都会跑到中间的位置，最大化窗口后它还会跑回来，显示一半大小，有时候我们需要这种功能。
&script language="JavaScript"&
var x=640;
var y=480;
var xx=(window.screen.width-x)/2;
var yy=(window.screen.height-y)/2;
function winsize(){
window.resizeTo(x,y);
window.moveTo(xx,yy);
setTimeout("winsize()",50)}
&meta http-equiv="Content-Type" mrc="text/ charset=gb2312"&
&title&网页窗口始终居中的代码&/title&
&body onload="winsize()"; onresize="winsize()"&
模板无忧（）提供各类网页模板、视频教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。
相关浏览器特效：
特效代码搜索
浏览器特效推荐
猜你也喜欢看这些sponsored links
分享可以使html中网页整个居中，两边留白的代码
&/head&//头
&body &//正文
&div style=&margin-right:margin-left:&&//自动居中
width=&960&
border=&0& cellpadding=&0& cellspacing=&0& &//表
&td colspan=&3& style=&background-color:#333333; width:960 height:117&&
&/html&现在在做一个物理网的网关，遇到了这个网页居中的问题，现在改为自动居中看着舒服多了
&html& &head& &/head&//头 &body &//正文 &div style=&margin-right:margin-left:&&//自动居中 &table width=&960& border=& ...
要使div中的内容居中显示,不仅div要设定“text-align:centr&
,内置对象要添加margin:属性才能使其在firefox等其他浏览器中也能居中.
使ViewFlipper中的WebView实现手势效果
今天写Blog阅读器的时候遇到了这个问题,把它分享给大家,让同样是新手们少走冤枉路始初写这个功能的时候,用过了好多方法,也耗了不少时间去研究WebView和ViewFlipper的属性后来知道了WebView本身的onTouchEvent和ViewFlipper有冲突;(WebView表示当然是老大说 ...
CSS 如何使DIV层水平居中 今天用CSS碰到个很棘手的问题,DIV本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的DIV层添加以下属性: margin ...
今天在做东西的时候又碰到了,新手常常遇到而且很头痛的问题:网页不居中.加了margin:0在IE7,火狐下居中了,IE8下还是不行.代码如下: &!–body{margin:0padding:0background:#}#head{margin:0 padding:0width:918h ...Dreamweaver在居中页面中使用层
作者：佚名　来源：网络　时间： 标签：
& 　　在居中页面中使用层，最大的问题就是层的定位问题，当改变显示器分辨率后，层相对其它居中元素就会改变位置。本文介绍层相对其它居中元素不会错位的方法。　　层的绝对定位和相对定位　　层的绝对定位代码:　　&div id="Layer1" style="position: left:45 top:25 width:400 height:155 z-index:1"&&/div& 　　层的相对定位代码:　　&div id="Layer1" style="position: left:45 top:25 width:400 height:155 z-index:1"&&/div& 　　在居中页面中，插入相对定位层代码，层的位置在页面居中。但是它变得不可移动，使用不够方便。　　插入绝对定位代码，当left和top含有正负数值，层就无法居中。当清除left和top属性后，层可以居中，相对页面其它居中元素没有错位现象。　　描绘层和插入层的差别　　使用描绘层:　　在一个居中的页面中，使用描绘层的代码:　　使用插入层:　　　　在一个居中的页面中，使用插入层的代码：　　因为使用“描绘层”生成的代码不在居中代码之中，所以，在居中页面中，要使层相对其它元素没有错位现象，就必须使用插入层。　　在居中页面中，常用两种方法，实现层相对其它居中元素没有错位现象。　　使用插入层　　1.在一个居中页面中，把插入点放在文档中，实例中把插入点放在表格中。　　　　2.选择“插入”/“层”菜单。　　　　3.在文档中插入了一个层。实例中，在表格中插入了一个层。在IE浏览器中测试，改变分辨率，层的内容相对其它居中元素都不会发生错位现象。　　　　在属性面板查看这个层的属性，这段插入层清除了“左”和“上”的值。　　这种方法，常用来制作弹出式菜单。　　使用嵌套层　　嵌套层是其代码包含在另一个层中的层。　　在使用嵌套层之前，先要对层做一些参数设置。选择“编辑”/“参数选择”菜单，在“参数选择”对话框中，选中“Netscape 4 兼容性:插入层时固定大小”，这样制作的嵌套层就可以兼容Netscape 4浏览器。并且选中“嵌套:如果在层中则使用嵌套”。　　　　打开层面板，不选中“防止重叠”。　　　　嵌套层:　　在一个居中页面，插入一个表格，在表格中，插入一个层，这个层相对表格，不会发生错位。在这个层中，使用“插入”/“层”命令，插入一个子层(嵌套层)，无论在页面中怎么移动这个子层，它的位置相对其它居中元素都不会错位。　　在一个插入层中，可以插入多个嵌套层，然后把嵌套层移动到需要的地方，这样在居中页面就可以随心所欲的使用层了。　　结论:居中页面，制作弹出菜单，使用“插入”/“层”命令;使用层布局和用层放置内容，使用嵌套层。
【设计之家 原创文章 投稿邮箱：】