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

 时间:2024-10-11 22:07:24

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]网页中层的溢出和裁切
  • Dreamweaver如何修改代码字体大小
  • Dw如何开启使用速记中的边框与边框宽#校园分享#
  • Dreamweaver怎么创建表格
  • Dw怎样新建一个站点
  • Dreamweaver如何在网页中插入空格
  • 热门搜索
    三年级上英语手抄报 关于节俭的手抄报 初中英语手抄报版面 安全教育手抄报大全 爱的手抄报图片 预防疾病手抄报图片 初一地理手抄报 保护动物手抄报内容 勤俭节约的手抄报 五年级上册英语手抄报