Dreamweaver学习:[31]网页中层的溢出和裁切

2025-03-24 15:37:57

1、打开Dreamweaver,新建一个文件,并创建一个比较小的层。

Dreamweaver学习:[31]网页中层的溢出和裁切

2、这个层比较小,当层内的文本或者图像太大的时候,层里的文本就会溢出来,如图。点击F12预览,可以看到有一部溢出层外。

Dreamweaver学习:[31]网页中层的溢出和裁切
Dreamweaver学习:[31]网页中层的溢出和裁切

3、这时,需要在层的属性面板内的“溢出”栏内进行更改,一般选择auto,又溢出的情况就会出现滚动条显示,没有溢出就没有滚动条,点击F12预览。

Dreamweaver学习:[31]网页中层的溢出和裁切
Dreamweaver学习:[31]网页中层的溢出和裁切

4、层的裁切是通过属性面板的剪辑来实现的。

Dreamweaver学习:[31]网页中层的溢出和裁切

5、左边裁剪20像素,上边裁剪20像素。

Dreamweaver学习:[31]网页中层的溢出和裁切

6、要是在右边和下边也实现上面各裁20像素的效果的话,不能直接剪20像素了,应该是用层的宽度和高度减去20像素。

Dreamweaver学习:[31]网页中层的溢出和裁切
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢