admin 管理员组

文章数量: 1184232


2024年3月18日发(作者:怎么打开file文件)

网页设计怎么加空格

在html文档中,连续的多个空格都会被认为是一个空格。例如输

入a b,最后只会显示a b。为了在网页中显示多个空格,我们可

以采用这样的策略:

方法1:

输入全角空格,也就是把输入法中的月亮变为太阳,然后输入

空格(两个字符宽度)。

方法2:

使用空格的替代码():

说明

//1个字符宽度,不换行空格(例如输入一个一行的英文句子,

在两个单词中输入N个不换行空格,这个句子不会换行)

//1个字符宽度

//2个字符宽度

//小于1个字符宽度

a.在代码视图中,输入a b,如a b,最后会显示a b,表示上

述替代码。

b.在Dreamweaver制定视图中,选择菜单插入HTML特别字符不

换行空格符

c.在必须要输入不换行空格的地方,按下组合键:Ctrl+Shift+

第 1 页 共 6 页

空格键.

2如何制作自适应网页

在网页代码的头部,加入一行viewport元标签。

viewport是网页默认的宽度和高度,上面这行代码的意思是,

网页宽度默认等于屏幕宽度(width=device-width),原始缩放比

例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。

由于网页会依据屏幕宽度调整布局,所以不能使用绝对宽度的

布局,也不能使用具有绝对宽度的元素。对图像来说也是这样。

具体说,CSS代码不能指定像素宽度:

width:xxx px;

只能指定百分比宽度:

width: xx%;

或者

width:auto;

字体也不能使用绝对大小(px),而只能使用相对大小(em)。

例如:

body {font: normal 100% Helvetica, Arial,sans-serif;}

上面的代码指定,字体大小是页面默认大小的100%,即16像

素。

第 2 页 共 6 页


本文标签: 宽度 空格 网页