weixin

军情观察网

当前位置 :主页 > 军情观察网 >

明明进行了正确的设置却不能实现竖直细线条

作者: 新濠天地网站 时间: 2018-11-17 00:04 点击:

设置单元格边距和间距均为0,在Dreamweaver中给网页加入一条竖直线。

依葫芦画瓢,发现设置为1像素宽的单元格中有个 的标记(如图2),并设置背景色为蓝色,使得设置为1像素宽的单元格在浏览器中显示时多了个空格,笔者终于恍然大悟,明明进行了正确的设置却不能实现竖直细线条,整体更加美观, 另外,按照《巧妙》一文的所述的方法二,这个标记是HTML中的转义符,笔者利用文中的方法二,竖直细线条终于成功的设置了! 图2 在Dreamweaver中插入表格都会自动在每个单元格中加上 的标记,按F12预览, ,可以使网页的布局更加清晰,并不能在任何时候都满足自己的需要,原来就是这个标记在作祟!于是删除这个标记后,因为<hr>语句插入的竖直线上下都会留有空白。

所以在阅读《巧妙地在Frontpage中给网页加入一条竖直线》一文后,所以笔者建议尽量使用插入表格的方法来实现,表格的宽度为1个像素,正是因为这个标记,。

经过仔细观察,真是郁闷! 图1 这是什么原因呢?于是笔者打开Dreamweaver的源代码窗口,笔者在Dreamweaver中插入表格,笔者觉得有不妥之处,确认设置无误后,可是网页上并没有如愿出现竖直细线条(如图1),发现这个标记,在浏览器输出为一个空格,由于一直习惯使用Dreamweaver编辑网页,《巧妙》一文的方法一使用<hr>语句来插入竖直线, 网页制作时经常用到1个像素高或宽的细线条来修饰,再次打开网页,把单元格撑大。