📅  最后修改于: 2020-11-05 01:21:21        🧑  作者: Mango

CSS page-break-before属性顾名思义，此CSS属性用于在打印文档时在元素之前添加分页符。在打印文档期间，它将在指定元素之前插入一个分页符。我们不能在绝对定位的元素或空白元素上使用此CSS属性<div>不生成框的元素。此CSS属性表示是否允许在元素框之前使用分页符。包括page-break-before在内的CSS属性page-break-after和page-break-insi...

📅  最后修改于: 2020-11-05 01:22:17        🧑  作者: Mango

CSS page-break-inside属性顾名思义，此CSS属性用于在打印文档时指定元素内的分页符。此CSS属性不能用于绝对定位的元素或为空<div>不生成框的元素。它在打印文档时在指定元素内插入或避免分页符。如果要避免图像，项目列表，代码段，表格内的分页符，则可以使用page-break-inside属性。此CSS属性表示是否在元素的框内允许分页符。包括page-break-inside在内...

📅  最后修改于: 2020-11-05 01:23:16        🧑  作者: Mango

CSS page-break-after此CSS属性用于在打印文档时调整元素后的分页符。在打印过程中，它将在指定元素之后插入一个分页符。我们不能在绝对定位的元素(position：absolute；)或空元素上使用此属性<div>不生成框的元素。此CSS属性表示在元素框后是否允许分页符。 CSS属性page-break-before和page-break-inside包括page-break-af...

📅  最后修改于: 2020-11-05 01:24:17        🧑  作者: Mango

CSS content属性此CSS属性生成动态内容。它可以与伪元素:: before和:: after一起使用。所有浏览器均完全支持此CSS属性，该属性用于将生成的内容插入网页。它将元素替换为生成的值。句法属性值此CSS属性具有下表中定义的许多值：ValuesDescriptionnormalIt is used to set the default valuenoneThis value doe...

📅  最后修改于: 2020-11-05 01:25:12        🧑  作者: Mango

CSS word-spacing此CSS属性用于控制单词之间的间隔。使用此属性，我们可以增加或减少单词之间的间距。它修改了单词之间的间隔。它与letter-spacing属性相似，但是此CSS属性定义了文本中单词之间的间隔，而不是指定各个字符之间的间隔。单词间距的较大的负值或正值将使该单词不可读。如果我们应用非常大的正值，那么它将导致单词的出现，如一系列未连接的单个单词。很大的负值会使单词彼此重叠...

📅  最后修改于: 2020-11-05 01:26:11        🧑  作者: Mango

CSS object-fit属性此CSS属性指定如何调整视频或图像的大小以适合其内容框。它定义了元素如何以既定的宽度和高度适合容器。它通常应用于图像或视频。此属性指定元素如何响应其容器的宽度和高度。句法价值观此属性的五个主要值定义如下：fill：这是默认值。使用此值，整个对象将填充到容器中。替换内容的大小适合于填充内容框。如果对象的长宽比与框的长宽比不匹配，则对象将被挤压或拉伸以适合框。图像将填充...

📅  最后修改于: 2020-11-05 01:27:08        🧑  作者: Mango

CSS object-position属性此CSS属性用于指定容器内内容的对齐方式。它与object-fit属性一起使用，以描述元素如何<video>要么<img>在其容器内以x / y坐标定位。使用object-fit属性时，object-position的默认值为50％50％，因此，默认情况下，所有图像都位于其容器的中心。我们可以使用object-position属性更改默认对齐方式。句法属性...

📅  最后修改于: 2020-11-05 01:28:02        🧑  作者: Mango

CSS columnsCSS中的columns属性设置单个声明中的列数和宽度。这是一种简写属性，一次可以包含多个值。它用于同时设置列数和列宽属性。这两个属性均用于控制将显示多少列。 column-count属性用于设置列数，而column-width属性指定列的宽度。一起使用column-count和column-width属性可创建多列布局，该布局可在不使用媒体查询的情况下以狭窄的浏览器宽度自动...

📅  最后修改于: 2020-11-05 01:28:58        🧑  作者: Mango

CSS pointer-events属性此CSS属性指定当在其上触发指针事件时元素是否显示某些操作。指针事件由触摸，手写笔，鼠标单击等触发。指针事件属性控制HTML元素如何响应事件(例如CSS活动/悬停状态，鼠标/触摸事件，JavaScript单击/轻击事件)，还控制光标是否可见。此属性的none值用于停用点击目标，并允许元素定位该元素下方的任何内容。句法尽管此属性包括11个可能的值，但是上述语法...

📅  最后修改于: 2020-11-05 01:29:51        🧑  作者: Mango

CSS hyphens属性此CSS属性用于控制块级元素中文本的连字符。它定义了单词太长或文本多行换行时如何连字。此属性使我们可以将单词分为两行，以改善文本布局。句法此CSS属性的值定义如下。属性值none：此值不将单词连字符。它永远不会在换行符处连字，即使该字太长也是如此。manual：这是默认值，仅当单词中的字符提示出现连字符机会时才对单词进行连字符。下面定义了两个Unicode字符，可以手动使...

📅  最后修改于: 2020-11-05 01:30:44        🧑  作者: Mango

CSS font-variant属性CSS font-variant属性指定如何设置元素的字体变体。它的值可能是正常的和小写的。通过使用小写字母值，小写字母将转换为大写字母，但与原始大写字母相比，其大小较小。此属性指定文本是否应该以小写字体显示。font-variant属性生成的输出可能会受到text-transform属性值的影响。如果font-variant的值是大写字母，并且text-tra...

📅  最后修改于: 2020-11-05 01:31:39        🧑  作者: Mango

CSS left属性此CSS属性指定水平放置的元素的左偏移量，并且不影响未放置的元素。它是right，top和bottom的四个偏移属性之一。同时定义了left和right属性时，如果容器是从右到左，则right值具有优先级；如果容器是从左到右，则left值具有优先级。该属性的效果取决于相应元素的定位方式，即position属性的值。当position属性设置为static值时，left属性不会影...

📅  最后修改于: 2020-11-05 01:32:33        🧑  作者: Mango

CSS right属性此CSS属性为水平定位的元素指定右偏移量，并且不影响未定位的元素。它是左，上和下四个偏移属性之一。同时定义了left和right属性时，如果容器是从右到左，则right值具有优先级；如果容器是从左到右，则left值具有优先级。该属性的效果取决于相应元素的定位方式，即position属性的值。当position属性设置为static值时，right属性不会影响。下表列出了此属性...

📅  最后修改于: 2020-11-05 01:33:37        🧑  作者: Mango

CSS bottom属性CSS中的bottom属性用于为垂直定位的元素指定底部位置。它不会影响未定位的元素。它是左，右和上四个偏移属性之一。该属性的效果取决于相应元素的位置，即position属性的值。当position属性设置为static值时，bottom属性不会影响。句法物业价值此属性的值定义如下：auto：这是默认值。它允许浏览器计算底部边缘位置。length：此值以px，cm，pt等定义...

📅  最后修改于: 2020-11-05 01:34:32        🧑  作者: Mango

CSS top属性CSS中的top属性用于指定垂直放置的元素的顶部位置。它不会影响未定位的元素。它是左，右和下四个偏移属性之一。此属性的效果取决于相应元素的定位方式，即position属性的值。当position属性设置为static值时，top属性无效。下表列出了此属性对除值static之外的已定位元素的影响：当元素处于绝对或固定位置时(即position：absolute;和position：...