一、首先,我们先设计一个div,并且给这个div添加一个id,id名随意取。然后设置一下宽高,并且添加一个红色的背景属性值。默认情况下,这个div是靠近浏览器的顶部和左边的。
二、接着我们给这个div设置一下margin值,从左到右表示的是上边,右边,下边,左边的margin值。设置好之后,可以看到左边和上边都隔开了一定的距离,这就是margin值的用处,而下边和右边因为没有其他div或者其他颜色,所以效果被忽略了。当然,margin值也可以分开写,比如我只设置div的上边的margin值,就可以使用margin-top,而右边则可以使用margin-right,左边则是margin-left,下边则是margin-bottom。
三、设置margin-top之后,只有上边拉开了距离,而左边并没有拉开距离。接着我们再在网页中添加一个div,并设置id为“you”。接着设置“you”这个div的宽高和背景。
四、新添加一个div之后,如果没有设置margin-bottom的值,两个div就会连在一起。
然后我们给上面的div,也就是“my”,设置margin-bottom。设置好之后,两个div之间就会拉开距离,这样就可以定位好div的位置。
五、如果我们给“my”设置好margin-bottom之后,又给“you”设置margin-top,又会有什么结果呢?结果就是这样:有两个相邻的div,如果一个div设置了margin-top,另一个设置了margin-bottom,则以它们之间值最大的为准。
六、比如margin-top是50像素,margin-bottom是30像素,则间隔就是50像素,而不是两个相加哦。了解这个之后,在网页布局中,我们只需要对其中一个设置就可以了。
获取div里头的内容,直接结合jq获取,给div添加个id,使用$("#div").text()可以获取到指定的div里头的文本内容。
如果是要传输到其他页面,采用ajax异步传输,将获取到的内容传递过去。
$.get("/xxx.jsp?txt="+$("#div").text(), function(result){alert(result)//传输到其他页面处理完,返回所需值。})
JSP可用一种简单易懂的等式表示为:HTML+Java+javascript=JSP。
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他 *** 作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets,来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离,支持可重用的基于组件的设计,使基于Web的应用程序的开发变得迅速和容易。
Div 全称 division 意为“区分”,是HTML中的一个标签。你在HTML中可以理解为就是一个层。
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P>是一样的。
利用DIV+CSS可以实现。在右边的那个DIV的CSS当中加上float:left这句方法如下:
定义 css 样式
.left{width:50%float:leftheight:100%}
.right{width:50%float:rightheight:100%}
然后加入左右边的DIV中就可以了方法如下
<div><div class="left">.....</div><div class="right">.....</div></div>
这样2个DIV就左右而不是上下了
要等分就把2个的width都设置成50%
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)