文字和按钮并排：<input type="button" value="按钮" />
效果：
在HTML中，让两个DIV在同一行显示,就是通过float属性来设置的，我们可以通过设置3个div，然后第一个div包裹住其他2个div，然后在设置宽高就可以了，我提交一段代码：<html>
<head>
<title>DIV的同行测试</title>
</head>
<body>
<div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>我是左边的固定测试文字</p>
</div>
<div style='flaot:leftwidth:330pxheight:200px'>
<p>我是右边的固定测试文字</p>
</div>
并排的话，你需要使用CSS的float属性，然后在设置浮动；比如
<div style="widht:500px">
<div style="float:leftwidth:200px">左</div>
<div style="float:leftwidth:200px">右</div>
</div>
这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白
<div style="widht:500px">
<div style="float:leftwidth:200px">左</div>
<div style="float:rightwidth:200px">右</div>
</div>
以上写法，也是在同一行。不同的是，一个靠左，一个靠右。
这里边的两个DIV的中间有100PX的空白。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）