高二英语知识点总结全:html中的换行问题

来源:百度文库 编辑:神马品牌网 时间:2024/05/03 04:07:28
html中可以通过<br></br>来实现换行,那怎么实现调整两行文字、文本框或按钮的间距?除了再加一个<br></br>加大间距还有什么方法可以调整?请各位高手指点迷津!谢谢!

方法很多,要做到网页生动,就的灵活应用。
据几个例子:
1) <p> </p>(空一行),
2) <div style="margin-top: 20pt;">text here</div>(上面空20pt,同样,可使用“margin-bottom”),
3)表格里,使用“cellspacing”、“cellpadding”、“rowspan”、“colspan”等属性,
4)或者使用不同大小的透明图片来分割,
5)或者使用CSS表来调整。
总之很多,要根据不同的情况试试使用什末好。

<p style="line-height:1.5em;">line1<br />line2</p>

style这个属性表示定义样式 也可以独立成写在<head>之间
<style type="text/css">
p{line-height:1.5em;}
</style>
line-height定义行高
1.5em表示是文字的1.5倍高
如果要调整两个按钮的间距
<input type="text" id="input1" />
<input type="text" id="input2" />
这样两个input是在同一行 要调整中间的间距可以在style里写
#input1{marin-right:40px;}
意思是第一个input向右40px以后显示第二个input
如果两个input不在同一行 你可以写
#input1{margin-bottom:40px;}
表示下边空开40px,再显示其它内容

html中的换行问题:
(1)如果有了
<PRE>
.....
</PRE>
从<PRE>到</PRE>中的内容原来怎么分的行,就怎么分,不加<BR>
(2) <P>是空白行,一个<P> 一行,两个<P> 两行
(3) <BR>是强迫换行,有一个<BR>换一行。
(4) 用css style 可意控制文字的间距
(5) 插入 若干 1 乘 1 大小的透明 .gif 图片 来控制间距。