page-break-inside属性(CSS设置)
page-break-inside属性
csspage-break-inside特点用于设置元素内部的page-breaking行为，虽然可以用always强制放上分页符，可是无法确保防止分页符的刺进，创造人员最多只能要求用户代理尽可能防止刺进分页。
csspage-break-inside特点怎么用?
效果：page-break-inside特点设置元素内部的page-breaking行为。
阐明：虽然可以用always强制放上分页符，可是无法确保防止分页符的刺进，创造人员最多只能要求用户代理尽可能防止刺进分页。应用于：position值为relative或static的非浮动块级元素。
注释：只要Opera浏览器支持page-break-inside特点。
csspage-break-inside特点使用示例
....
CSS设置
在修改模板的过程中，需要重写CSS样式表。正好看到instantshift.com有一篇CSS常用技巧的总结文章，我就把它整理出来，供自己参考，也希望对大家有用。
未来，本文将持续更新。
1.文字的水平居中
将一段文字置于容器的水平中点，只要设置text-align属性即可：
text-align:center;
2.容器的水平居中
先为该容器设置一个明确宽度，然后将margin的水平值设为auto即可。
div#container{
width:760px;
margin:0auto;
}
3.文字的垂直居中
单行文字的垂直居中，只要将行高与容器高设为相等即可。
比如，容器中有一行数字。
<divid="container">1234567890</div>
然后CSS这样写：
div#container{height:35px;line-height:35px;}
如果有n行文字，那么将行高设为容器高度的n分之一即可。
4.容器的垂直居中
比如，有一大一小两个容器，请问如何将小容器垂直居中？
<divid="big">
<divid="small">
</div>
</div>
首先，将大容器的定位为relative。
div#big{
position:relative;
height:480px;
}
然后，将小容器定位为absolute，再将它的左上角沿y轴下移50%，最后将它margin-top上移本身高度的50%即可。
div#small{
position:absolute;
top:50%;
height:240px;
margin-top:-120px;
}
使用同样的思路，也可以做出水平居中的效果。
5.图片宽度的自适应
如何使得较大的图片，能够自动适应小容器的宽度？CSS可以这样写：
img{max-width:100%}
但是IE6不支持max-width，所以遇到IE6时，使用IE条件注释，将语句改写为：
img{width:100%}
6.3D按钮
要使按钮具有3D效果，只要将它的左上部边框设为浅色，右下部边框设为深色即可。
div#button{
background:#888;
border:1pxsolid;
border-color:#999#777#777#999;
}
7.font属性的快捷写法
font快捷写法的格式为：
body{
font:font-stylefont-variantfont-weightfont-sizeline-heightfont-family;
}
所以，
body{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
font-variant:small-caps;
font-style:italic;
line-height:150%;
}
可以被写成：
body{
font:italicsmall-capsnormal13px/150%Arial,Helvetica,sans-serif;
}
8.link状态的设置顺序
link的四种状态，需要按照下面的前后顺序进行设置：
a:link
a:visited
a:hover
a:active
9.IE条件注释
你可以利用条件注释，设置只对IE产生作用的语句：
<!--[ifIE]>
<linkrel="stylesheet"type="text/css"href="ie-stylesheet.css"/>
<![endif]-->
还可以区分各种不同的IE版本：
<!--[ifIE6]>-targetsIE6only-->
<!--[ifgtIE6]>-targetsIE7andabove-->
<!--[ifltIE6]>-targetsIE5.5andbelow-->
<!--[ifgteIE6]>-targetsIE6andabove-->
<!--[iflteIE6]>-targetsIE6andbelow-->
10.IE6专用语句：方法一
由于IE6不把html视为文档的根元素，所以利用这一点，可以写出只有IE6才能读到的语句：
/*thefollowingrulesapplyonlytoIE6*/
*html{
}
*htmlbody{
}
*html.foo{
}
IE7专用语句则要写成
/*thefollowingrulesapplyonlytoIE7*/
*+html.foo{
}
11.IE专用语句：方法二
除了IE6以外，所有浏览器都不能识别属性前的下划线。而除了IE7之外，所有浏览器都不能识别属性前的*号，因此可以写出只有这两个浏览器才能读到的语句：
.element{
background:red;/*modernbrowsers*/
*background:green;/*IE7andbelow*/
_background:blue;/*IE6exclusively*/
}
12.CSS的优先性
如果同一个容器被多条CSS语句定义，那么哪一个定义优先呢？
基本规则是：
行内样式>id样式>class样式>标签名样式
比如，有一个元素：
<divid="ID"class="CLASS"style="color:black;"></div>
行内样式是最优先的，然后其他设置的优先性，从低到高依次为：
div<.class<div.class<#id<div#id<#id.class<div#id.class
13.IE6的min-height
IE6不支持min-height，有两种方法可以解决这个问题：
方法一：
.element{
min-height:500px;
height:auto!important;
height:500px;
}
共有三条CSS语句，第一句是针对其他浏览器设置最小高度，第三句是针对IE设置最小高度，第二句则是让其他浏览器覆盖第三句的设置。
方法二：
.element{
min-height:500px
_height:500px
}
_height只有IE6能读取。
14.font-size基准
浏览器的缺省字体大小是16px，你可以先将基准字体大小设为10px：
body{font-size:62.5%;}
后面统一采用em作为字体单位，2.4em就表示24px。
h1{font-size:2.4em}
15.Text-transform和FontVariant
Text-transform用于将所有字母变成小写字母、大写字母或首字母大写：
p{text-transform:uppercase}
p{text-transform:lowercase}
p{text-transform:capitalize}
FontVariant用于将字体变成小型的大写字母（即与小写字母等高的大写字母）。
p{font-variant:small-caps}
作品标签：
优秀作品：
评论列表（共267人参与）参与讨论或分享设计作品获得视觉癖积分奖励
软件包括E注册会员
2021-10-26 18:11:54
罗伦萨美术学院，诞生于文艺复兴之都，国际艺术之都。佛罗伦萨是欧洲的文化中心，极为著名的国际艺术之都，歌剧的诞生地。是众多艺术家、学者、游客、学生心中的圣地。 iv> AdobeIllustrator(AI)也是根底必须会的，由于用处很广
回复
在线设计注册会员
2021-10-26 17:23:29
全 一、钱，游客
2021-10-26 17:6:16
游客54501：page-break-insie-width属性语法格式 css语法：outline-width:thin/medium/thick/length/inherit > 3、在学生会，心有多大舞台就有多大。 4、学生会来汇学生，学生来会会升学。
回复
形象设注册会员
2021-10-26 9:35:19
ge-breaking行为。 阐明：虽然可以用always强制放上 四、内容积极向上 村庄手绘文明墙，在内容的规划上都应当是积极向上的，应当起到鼓励鼓舞乡民的效果。
回复