怎么固定div中插入图像大小和比例
发布网友
发布时间：2022-04-21 02:36
共6个回答
懂视网
时间：2022-05-13 08:29
如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？
原以为利用overflow属性可以实现，但是测试失败。后来利用div层叠实现了效果。
HTML代码：
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
css控制样式：
1: .div{ 2: width:400px;
3: height:200px;
4: overflow-y:hidden; /*只出现水平滚动条*/
5: position: absolute;
6: }
7: .div1{ 8: position:absolute;
9: z-index:1;
10: }
11: .div2{ 12: position:absolute;
13: z-index:5;
14: left:200px;
15: top:0px
16: }
17: .div3{ 18: position:absolute;
19: z-index:10;
20: left:400px;
21: top:0px
22: }
效果：
来源：http://www.ido321.com/666.html
热心网友
时间：2022-05-13 05:37
在三维空间创建由直线段组成的多段线 3P
在二维和三维空间中将某对象与其他对象对齐 AL
加载 AutoLISP、ADS 和 ARX 应用程序 AP
创建圆弧 A
计算对象或定义区域的面积和周长 AA
创建按指定方式排列的多重对象拷贝 AR
执行外部数据库命令的管理功能 AAD
输出选择对象的链接信息 AEX
管理对象和外部数据库之间的链接 ALI
显示并编辑表数据并创建链接和选择集 ARO
从链接到文字选择集和图形选择集的行中创建选择集 ASE
执行结构查询语言 (SQL) 语句 ASQ
创建属性定义 -AT
改变不依赖于块定义的属性信息 -ATE
用图案填充封闭区域 H或BH
根据选定对象创建块定义 -B
用对话框定义块 B
用封闭区域创建面域或多段线 BO
（使用命令行）用封闭区域创建面域或多段线 -BO
部分删除对象或把对象分解为两部分 BR
给对象加倒角 CHA
修改现有对象的特性 -CH
根据圆心和直径或半径绘制圆 C
复制对象 CO或CP
创建属性定义 AT
编辑单个块的可变属性 ATE
修改对象的颜色、图层、线型和厚度 CH
设置新对象的颜色 COL
编辑文字和属性定义 ED
显示夹点并设置颜色 GR
创建并修改标注样式 D
插入块或另一图形 I
控制现有对象的特性 MO
修改对象名称 REN
设置绘图辅助工具 RM
设置对象选择模式 SE
管理已定义的用户坐标系 UC
选择预置用户坐标系 UCP
控制坐标和角度的显示格式及精度 UN
创建和恢复视图 V
设置三维观察方向 VP
创建对齐线性标注 DAL或DIMALI
创建角度标注 DAN或DIMANG
从前一个或选择的标注的第一尺寸界线处连续标注 DBA或DIMBASE
创建圆和圆弧的圆心标记或中心线 DCE
从前一个或选择的标注的第二尺寸界线处连续标注 DCO或DIMCONT
创建圆和圆弧的直径标注 DDI或 DIMDIA
编辑标注 DED或DIMED
创建线性尺寸标注 DLI或DIMLIN
创建坐标点标注 DOR或DIMORD
替换标注系统变量 DOV或DIMOVER
创建圆和圆弧的半径尺寸标注 DRA或DIMRAD
在命令行创建和修改标注样式 DST或DIMSTY
移动和旋转标注文字 DIMTED
测量两点之间的距离和角度 DI
将点对象或块沿对象的长度或周长等间隔排列 DIV
绘制填充的圆和环 DO
修改图像和其他对象的显示顺序 DR
打开鸟瞰视图窗口 AV
输入文字时在屏幕上显示 DT
定义平行投影或透视视图 DV
创建椭圆或椭圆弧 EL
从图形删除对象 E
将组合对象分解为对象组件 X
以其他文件格式保存对象 EXP
延伸对象到另一对象 EX
通过拉伸现有二维对象来创建三维实体 EXT
给对象加圆角 F
创建根据特性选择有关对象时用到的过滤器列表 FI
创建对象的命名选择集 G
使用命令行创建选择集 -G
用图案填充一块指定边界的区域 -H
修改现有的图案填充对象 HE
重生成三维模型时不显示隐藏线 HI
以多种格式向 AutoCAD 图形文件中插入图像 IM
使用命令行插入图像 -IM
控制选定图像的亮度、对比度和褪色度 IAD
向当前图形中定义并附着新的图像对象 IAT
为单个图像对象创建新剪切边界 ICL
向 AutoCAD 输入3DS/DXF/EPS /SAT/WMF等文件 IMP
将命名块或图形插入到当前图形中 -I
插入链接或嵌入对象 IO
找出两个或多个三维实体的干涉区并用公用部分创建三维组合实体 INF
从两个或多个实体或面域的交集创建组合实体或面域 IN
管理图层 LA
在命令行上执行 LAYER 命令 -LA
创建一条引出线将注释与一个几何特征相连 LE或LEAD
拉长对象 L
创建、加载和设置线型 LT
使用命令行创建、加载和设置线型 -LT
显示选定对象的数据库信息 LI或LS
设置线型比例因子 LTS
把某一对象的特性复制到其他若干对象 MA
将点对象或块按指定的间距放置 ME
创建对象的镜像副本 MI
创建多线 ML
在指定方向上按指定距离移动对象 M
从图纸空间切换到模型空间视口 MS
创建多行文字 T或MT
使用命令行创建多行文字 -T
创建浮动视口和打开现有的浮动视口 MV
创建对象的等距线，如同心圆、平行线和平行曲线 O
设置运行对象捕捉模式并修改靶框大小 OS
使用命令行设置运行对象捕捉模式并修改靶框大小 -OS
移动显示在当前视口的图形 P
使用命令行移动视口 -P
插入剪贴板数据并控制数据格式 PA
编辑多段线和三维多边形网格 PE
创建二维多段线 PL
将图形打印到绘图仪、打印机或文件 PLOT
创建点对象 PO
创建用多段线表示的正多边形 POL
自定义 AutoCAD 系统参数的设置 PR
显示打印图形的效果 PRE
从模型空间视口切换到图纸空间 PS
删除数据库中未用的命名对象，例如块或图层 PU
退出 AutoCAD EXIT
绘制矩形多段线 REC
刷新显示当前视口 R
刷新显示所有视口 RA
重生成图形并刷新显示当前视口 RE
重新生成图形并刷新所有视口 REA
从选择的一组现有对象中创建面域对象 REG
修改对象名 -REN
创建三维线框或实体模型的具有真实感的渲染图像 RR
沿轴旋转二维对象以创建实体 REV
绕基点旋转对象 RO
设置渲染系统配置 RPR
在 X、Y 和 Z 方向等比例放大或缩小对象 SC
从脚本文件执行一系列命令 SCR
用剖切平面和实体截交创建面域 SEC
列出系统变量并修改变量值 SET
显示当前视口图形的着色图像 SHA
用平面剖切一组实体 SL
规定光标按指定的间距移动 SN
创建二维填充多边形 SO
检查图形中文字的拼写 SP
创建二次或三次样条曲线 SPL
编辑样条曲线对象 SPE
移动或拉伸对象 S
创建命名样式 ST
用差集创建组合面域或实体 SU
校准、配置、打开和关闭已安装的数字化仪 TA
设置当前三维实体的厚度 TH
控制对图纸空间的访问以及控制视口的行为 TI
创建形位公差标注 TOL
显示、隐藏和自定义工具栏 TO
创建圆环形实体 TOR
用其他对象定义的剪切边修剪对象 TR
通过并运算创建组合面域或实体 UNI
设置坐标和角度的显示格式和精度 -UN
保存和恢复已命名的视图 -V
设置图形的三维直观图的查看方向 -VP
将块对象写入新图形文件 W
创建三维实体使其倾斜面尖端沿 X 轴正向 WE
将一个外部参照附加到当前图形中 XA
将外部参照依赖符号绑定到图形 XB
使用命令行执行XBINDW命令 -XB
定义外部参照或块剪裁边界，并且设置前剪裁面和后剪裁面 XC
创建无限长的直线，称为参照线 XL
控制图形中的外部参照 XR
使用命令行执行XREF命令 -XR
放大或缩小当前视口对象的外观尺寸 Z
===============================
cad快捷键
快捷键 注释 快捷键 注释
A ARC(画弧) IN INTERSECT(求交)
AA AREA(测量面积) L LINE(画线)
AR ARRAY(阵列) LA LAYER(建立图层)
ATT ATTDEF(定义属性) LE QLEADER(快速导引线标注)
ATE ATTEDIT(编辑属性) LEN LENGTHEN(加长)
B BLOCK(定义图块) LI LIST(列表)
BH BHATCH(图案填充) LT LINETYPE(设置线型)
BR BREAK(打断) LTS LTSCALE(设置线型比例)
C CIRCLE(画圆) M MOVE(移动)
CH PROPERTIES(特性修改) MA MATCHPROP(属性匹配)
CHA CHAMFER(倒斜角) ME MEASURE(测量)
COL COLOR(改变物体颜色) MI MIRROR(镜像)
CO COPY(复制) ML MLINE(画多线)
D DIMSTYLE(设置标柱样式) MT MTEXT(多行文字)
DAL DIMALIGNED(对齐标注) O OFFSET(偏移)
DAN DIMANGULAR(角度标注) OP OPTIONS(系统设置)
DBA DIMBASELINE(基线标料) OS OSNAP(物体捕捉)
DCE DIMCENTER(圆心标注) P PAN(视图平移)
DCO DIMCONTINUE(连续标注) PE PEDIT(复和线编辑)
DDI DIMDIAMETER(直径标注) PL PLINE(复合线)
DED DIMEDIT(标注编辑) PO POINT(画点)
DI DIST(测量距离) POL POLYGON(画正多边形)
DIV DIVIDE(等分) PRE PREVIEW(视图预览)
DLI DIMLINEAR(线性标注) PRINT PLOT(打印)
DO DONUT(圆环) R REDRAW(重画)
DOR DIMORDINATE(坐标标注) RE REGEN(重新生成)
DOV DIMOVERRIDE(尺寸更新) REC RECTANGLE(画矩形)
DR DRAWORDER() REN RENAME(改名)
DRA DIMRADIUS(半径标注) RO ROTATE(旋转)
DS DSETTINGS(草图设置) S STRETCH(伸展)
DT DTEXT(动态文本) SC SCALE(比例缩放)
E ERASE(删除) SN SNAP(栅格点捕捉)
ED DDEDIT() SPL SPLINE(画样条曲线)
EL ELLIPSE(画椭圆) SPE SPLINEKIT(编辑样条曲线)
EX EXTEND(延伸到) ST STYLE(设置文字样式)
EXIT QUIT(退出) T MTEXT(多行文字)
EXP EXPORT(炸开) TO TOOLBAR(调用工具条)
F FILLET(倒圆角) TR TRIM(修剪)
G GROUP(成组) UN UNITS(设置单位)
HE HATCHEDIT(图案填充编辑) W WBLOCK(块存盘)
I INSERT(插入块) Z ZOOM(视图缩放)
IMP IMPORT(导入)
“AutoCAD 2000快捷键”经典值得收藏
AutoCAD 2000快捷命令的使用
AutoCAD 是目前世界各国工程设计人员的首选设计软件，简便易学、精确无误是AutoCAD成功的两个重要原因。AutoCAD提供的命令有很多，绘图时最常用的命令只有其中的百分之二十。采用键盘输入命令时由于有些常用命令较长，如 BHATCH(填充)、EXPLODE(分解)，在输入时击键次数多，影响了绘图速度。虽然AutoCAD 提供了完善的菜单和工具栏两种输入方法，但是要提高绘图速度，只有掌握Auto CAD提供的快捷的命令输入方法。
笔者在进行AutoCAD设计、培训和教学研究时，对于快捷命令的使用和管理积累了一些体验，现总结出，以供大家使用AutoCAD 2000时参考。
一、概述：
所谓的快捷命令，是AutoCAD为了提高绘图速度定义的快捷方式，它用一个或几个简单的字母来代替常用的命令，使我们不用去记忆众多的长长的命令，也不必为了执行一个命令，在菜单和工具栏上寻寻匿匿。所有定义的快捷命令都保存在AutoCAD安装目录下SUPPORT子目录中的ACAD.PGP文件中，我们可以通过修改该文件的内容来定义自己常用的快捷命令。
当我们每次新建或打开一个AutoCAD绘图文件时，CAD本身会自动搜索到安装目录下的SUPPORT路径，找到并读入ACAD.PGP文件。当AutoCAD正在运行的时候，我们可以通过命令行的方式，用ACAD.PGP文件里定义的快捷命令来完成一个操作，比如我们要画一条直线，只需要在命令行里输入字母“L”即可。
二、快捷命令的命名规律
1、 快捷命令通常是该命令英文单词的第一个或前面两个字母，有的是前三个字母。
比如，直线（Line）的快捷命令是“L”；复制（COpy）的快捷命令是“CO”；线型比例（LTScale）的快捷命令是“LTS”。
在使用过程中，试着用命令的第一个字母，不行就用前两个字母，最多用前三个字母，也就是说，AutoCAD的快捷命令一般不会超过三个字母，如果一个命令用前三个字母都不行的话，只能输入完整的命令。
2、 另外一类的快捷命令通常是由“Ctrl键 ＋ 一个字母”组成的，或者用功能键F1~F8来定义。比如Ctrl键＋“N”，Ctrl键＋“O”，Ctrl键＋“S”，Ctrl键＋“P”分别表示新建、打开、保存、打印文件；F3表示“对象捕捉”。
3、 如果有的命令第一个字母都相同的话，那么常用的命令取第一个字母，其它命令可用前面两个或三个字母表示。比如“R”表示Redraw，“RA”表示Redrawall；比如“L”表示Line，“LT”表示LineType，“LTS”表示LTScale。
4、 个别例外的需要我们去记忆，比如“修改文字”（DDEDIT）就不是“DD”，而是“ED”；还有“AA”表示Area,“T”表示Mtext, “X”表示 Explode。
三、快捷命令的定义
全面已经提到，AutoCAD所有定义的快捷命令都保存ACAD.PGP文件中。ACAD.PGP是一个纯文本文件，用户可以使用ASCⅡ文本编辑器(如DOS下的EDIT)或直接使用WINDOWS附件中的记事本来进行编辑。用户可以自行添加一些Auto CAD命令的快捷方式到文件中。
通常，快捷命令使用一个或两个易于记忆的字母，并用它来取代命令全名。快捷命令定义格式如下：
快捷命令名称， * 命令全名
如： CO ， * COPY
即键入快捷命令后，再键入一个逗号和快捷命令所替代的命令全称。AutoCAD的命令必须用一个星号作为前缀。
陈通等，《AutoCAD 2000中文版入门与提高》，清华大学出版社，2000年7月出版
附：常见的快捷命令
（一）字母类
1、对象特性
ADC, *ADCENTER（设计中心“Ctrl＋2”）
CH, MO *PROPERTIES(修改特性“Ctrl＋1”)
MA, *MATCHPROP（属性匹配）
ST, *STYLE（文字样式） <BR< p>
COL, *COLOR（设置颜色）
LA, *LAYER（图层操作）
LT, *LINETYPE（线形）
LTS, *LTSCALE（线形比例）
LW, *LWEIGHT （线宽）
UN, *UNITS（图形单位）
ATT, *ATTDEF（属性定义）
ATE, *ATTEDIT（编辑属性）
BO, *BOUNDARY（边界创建，包括创建闭合多段线和面域）
AL, *ALIGN（对齐）
EXIT, *QUIT（退出）
EXP, *EXPORT（输出其它格式文件）
IMP, *IMPORT（输入文件）
OP,PR *OPTIONS（自定义CAD设置）
PRINT, *PLOT（打印）
PU, *PURGE（清除垃圾）
R, *REDRAW（重新生成）
REN, *RENAME（重命名）
SN, *SNAP（捕捉栅格）
DS, *DSETTINGS（设置极轴追踪）
OS, *OSNAP（设置捕捉模式）
PRE, *PREVIEW（打印预览）
TO, *TOOLBAR（工具栏）
V, *VIEW（命名视图）
AA, *AREA（面积）
DI, *DIST（距离）
LI, *LIST（显示图形数据信息）
2、绘图命令：
PO, *POINT（点）
L, *LINE（直线）
XL, *XLINE（射线）
PL, *PLINE（多段线）
ML, *MLINE（多线）
SPL, *SPLINE（样条曲线）
POL, *POLYGON（正多边形）
REC, *RECTANGLE（矩形）
C, *CIRCLE(圆)
A, *ARC(圆弧)
DO, *DONUT（圆环）
EL, *ELLIPSE（椭圆）
REG, *REGION（面域）
MT, *MTEXT（多行文本）
T, *MTEXT（多行文本）
B, *BLOCK（块定义）
I, *INSERT（插入块）
W, *WBLOCK（定义块文件）
DIV, *DIVIDE（等分）
H, *BHATCH（填充）
3、修改命令：
CO, *COPY（复制）
MI, *MIRROR（镜像）
AR, *ARRAY（阵列）
O, *OFFSET（偏移）
RO, *ROTATE（旋转）
M, *MOVE（移动）
E, DEL键 *ERASE（删除）
X, *EXPLODE（分解）
TR, *TRIM（修剪）
EX, *EXTEND（延伸）
S, *STRETCH（拉伸）
LEN, *LENGTHEN（直线拉长）
SC, *SCALE（比例缩放）
BR, *BREAK（打断）
CHA, *CHAMFER(倒角)
F, *FILLET（倒圆角） <BR< p>
AutoCAD 2000快捷命令的使用
作者：breeze 转贴自：本站原创 点击数：802 文章录入：breeze
PE, *PEDIT（多段线编辑）
ED, *DDEDIT（修改文本）
4、视窗缩放：
P, *PAN（平移）
Z＋空格＋空格, *实时缩放
Z, *局部放大
Z+P, *返回上一视图
Z＋E, *显示全图
5、尺寸标注：
DLI, *DIMLINEAR（直线标注）
DAL, *DIMALIGNED（对齐标注）
DRA, *DIMRADIUS（半径标注）
DDI, *DIMDIAMETER（直径标注）
DAN, *DIMANGULAR（角度标注）
DCE, *DIMCENTER（中心标注）
DOR, *DIMORDINATE（点标注）
TOL, *TOLERANCE（标注形位公差）
LE, *QLEADER（快速引出标注）
DBA, *DIMBASELINE（基线标注）
DCO, *DIMCONTINUE（连续标注）
D, *DIMSTYLE（标注样式）
DED, *DIMEDIT（编辑标注）
DOV, *DIMOVERRIDE(替换标注系统变量)
text 单行文字输入
mtext 多行文字输入
（二）常用CTRL快捷键
＋1 *PROPERTIES(修改特性)
＋2 *ADCENTER（设计中心）
＋O *OPEN（打开文件）
＋N、M *NEW（新建文件）
＋P *PRINT（打印文件）
＋S *SAVE（保存文件）
＋Z *UNDO（放弃）
＋X *CUTCLIP（剪切）
＋C *COPYCLIP（复制）
＋V *PASTECLIP（粘贴）
＋B *SNAP（栅格捕捉）
＋F *OSNAP（对象捕捉）
＋G *GRID（栅格）
＋L *ORTHO（正交）
＋W *（对象追踪）
＋U *（极轴）
（三）常用功能键
*HELP（帮助）
*（文本窗口）
*OSNAP（对象捕捉）
*GRIP（栅格）
*ORTHO（正交）
输入代码 特殊符号 解 释 输入代码 特殊符号 解 释
%%0~32 空号 %%123 { 左大括号
%%33 ! %%124 |
%%34 “ 双引号 %%125 } 右大括号
%%35 # %%126 ~
%%36 $ %%127 ° 度
%%37 % %%128 ±
%%38 & %%129 φ
%%39 ‘ 单引号 %%130 α
%%40 ( 左括号 %%131 β
%%41 ) 右括号 %%132 δ
%%42 * 乘号 %%133 i
%%43 + 加号 %%134~137 空号
%%44 ， 逗号 %%138 0 (上标) m%%138=m0
%%45 - 减号 %%139 1 (上标) m%%139=m1
%%46 。 句号 %%140 2 (上标) m%%140=m2
%%47 / 除号 %%141 3 (上标) m%%141=m3
%%48~57 0~9 字体偏大 中间连号 中间连号 中间连号
%%58 ： 冒号 %%148 9 (上标) m%%148=m9
%%59 ； 分号 %%149~157 1~9 字体偏小
%%60 < 小于号 %%158~162 空号
%%61 = 等于号 %%163 △
%%62 > 大于号 %%164 ▽
%%63 ？ 问号 %%165~200 空号
%%64 @
%%65~90 A~Z 大写26个字母 %%c φ
%%91 [ %%d 。 度
%%92 \ 反斜杠 %%p ± 正负号
%%93 ] %%u ＿ 下划线
%%94 ^ %%o — 上划线
%%95 _ %%96 ‘ 单引号
%%97~122 a~z 小写26个字母
热心网友
时间：2022-05-13 06:55
兼容各浏览器！~
图片等比例缩放，且水平垂直居中！（定义了最大，最小高度，注意IE下不支持display:table-cell; 以及最大最小高度）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*,html{ margin:0;
padding:0;
}
a img { border:none;}
div{ width:500px;margin:20px auto;}
div a{
display:table-cell;
vertical-align:middle;
width:400px;
height:400px;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
*font-size:349px;
*font-family:arial;
*float:left;
}
img{ vertical-align:middle; max-width:300px; max-height:300px;
zoom: expression( function(elm) { if (elm.width > 300 || elm.height > 300 ){ if (elm.width>elm.height) { elm.width=300; } else{ elm.height=300; } } elm.style.zoom = '1'; }(this) );
}
</style>
</head>
<body>
<div>
<a href="" title="" target="_blank">
<img src="ola1.jpg" />
</a>
</div>
<div>
<a href="" title="" target="_blank">
<img src="ola.jpg" />
</a>
</div>
<div>
<a href="" title="" target="_blank">
<img src="ola2.jpg" />
</a>
</div>
</body>
</html>
火狐下直接居中代码是： display:table-cell; vertical-align:middle;text-align:center;当然IE8也是可以的！
IE6.7下比较奇怪： *font-size:349px; （容器高度乘以0.873定义出来的）
*font-family:arial;
*float:left;
这个方法比较奇怪，不过很好用。。。 IE下还不行的，需要给图片vertical-align:middle;
居中搞定，接下来是等比例缩放！如下代码：
max-width:300px; max-height:300px;
zoom: expression( function(elm) { if (elm.width > 300 || elm.height > 300 ){ if (elm.width>elm.height) { elm.width=300; } else{ elm.height=300; } } elm.style.zoom = '1'; }(this) );
不支持最大最小高度，只能用ZOOM等于1，让它有布局属性，然后就出现了！至于怎么看到这个效果，你可以通过PS吧原来的图片按比例缩放！
再用QQ截图比较，事实证明确实是等比例缩放的！~
可能还是有点模糊吧，不过我相信我讲的是比较详细的！
热心网友
时间：2022-05-13 08:29
图片只允许200px宽，高按相应比例变化：
<style>
.test{width:200px;overflow:hidden;}
.test img{width:200px;}
</style>
<div class="test"><img src="test.jpg"></div>
热心网友
时间：2022-05-13 10:21
.test{width:200px;overflow:hidden;}
.test img{width:200px;}
</style>
<div class="test"><img src="test.jpg"></div>
热心网友
时间：2022-05-13 12:29
