1"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6042],{3905:function(e,t,r){r.d(t,{Zo:function(){return l},kt:function(){return m}});var n=r(67294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var u=n.createContext({}),s=function(e){var t=n.useContext(u),r=t;return e&&(r="function"==typeof e?e(t):a(a({},t),e)),r},l=function(e){var t=s(e.components);return n.createElement(u.Provider,{value:t},e.children)},f={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},p=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,c=e.originalType,u=e.parentName,l=i(e,["components","mdxType","originalType","parentName"]),p=s(r),m=o,b=p["".concat(u,".").concat(m)]||p[m]||f[m]||c;return r?n.createElement(b,a(a({ref:t},l),{},{components:r})):n.createElement(b,a({ref:t},l))}));function m(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var c=r.length,a=new Array(c);a[0]=p;var i={};for(var u in t)hasOwnProperty.call(t,u)&&(i[u]=t[u]);i.originalType=e,i.mdxType="string"==typeof e?e:o,a[1]=i;for(var s=2;s<c;s++)a[s]=r[s];return n.createElement.apply(null,a)}return n.createElement.apply(null,r)}p.displayName="MDXCreateElement"},50564:function(e,t,r){r.r(t),r.d(t,{assets:function(){return u},contentTitle:function(){return a},default:function(){return f},frontMatter:function(){return c},metadata:function(){return i},toc:function(){return s}});var n=r(83117),o=(r(67294),r(3905));const c={slug:"css-center",title:"CSS \u5c45\u4e2d\u65b9\u6cd5\u6574\u7406",authors:"zeffon",tags:["css"],date:"2021-06-24 10:00"},a=void 0,i={permalink:"/blog/css-center",editUrl:"https://github.com/zeffon/zeffon.github.io/blob/master/blog/2021/2021-06-24-css-center.md",source:"@site/blog/2021/2021-06-24-css-center.md",title:"CSS \u5c45\u4e2d\u65b9\u6cd5\u6574\u7406",description:"\u6700\u8fd1\u5b66\u4e60\u5b8c CSS \u57fa\u7840\u540e\uff0c\u53d1\u73b0\u5b9e\u73b0\u6837\u5f0f\u5c45\u4e2d\u7684\u6548\u679c\u6709\u5f88\u591a\u79cd\u3002\u5c31\u628a\u4e00\u4e9b\u5e38\u7528\u7684\u5199\u6cd5\u628a\u5b83\u4eec\u6574\u7406\u4e00\u4e0b\uff0c\u65b9\u4fbf\u4ee5\u540e\u67e5\u770b\u9605\u8bfb\u3002\u5f53\u7136\uff0c\u663e\u793a\u5c45\u4e2d\u6548\u679c\u6709\u591a\u79cd\u591a\u6837\uff0c\u4f46\u662f\uff0c\u5728\u6211\u4eec\u65e5\u5e38\u5f00\u53d1\u7684\u65f6\u5019\u80fd\u5c06\u6548\u679c\u5b9e\u73b0\u5c31\u597d\u4e86\uff0c\u81f3\u4e8e\u91c7\u7528\u54ea\u79cd\u65b9\u5f0f\u8fd9\u662f\u56e0\u4eba\u800c\u5f02\u3002\u5bf9\u81ea\u5df1\u719f\u6089\u54ea\u79cd\u65b9\u6cd5\u4fbf\u91c7\u7528\u90a3\u79cd\u65b9\u5f0f\uff0c\u8fd9\u6837\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002",date:"2021-06-24T10:00:00.000Z",formattedDate:"June 24, 2021",tags:[{label:"css",permalink:"/blog/tags/css"}],readingTime:3.79,hasTruncateMarker:!0,authors:[{name:"Zeffon Wu",title:"A web engineer",url:"https://github.com/zeffon",imageURL:"https://github.com/zeffon.png",key:"zeffon"}],frontMatter:{slug:"css-center",title:"CSS \u5c45\u4e2d\u65b9\u6cd5\u6574\u7406",authors:"zeffon",tags:["css"],date:"2021-06-24 10:00"},prevItem:{title:"TypeScript \u6cdb\u578b\u7684\u7406\u89e3",permalink:"/blog/ts-generic"},nextItem:{title:"CSS \u57fa\u78402",permalink:"/blog/css-basic2"}},u={authorsImageUrls:[void 0]},s=[],l={toc:s};
1function f(e){let{components:t,...r}=e;return(0,o.kt)("wrapper",(0,n.Z)({},l,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"\u6700\u8fd1\u5b66\u4e60\u5b8c CSS \u57fa\u7840\u540e\uff0c\u53d1\u73b0\u5b9e\u73b0\u6837\u5f0f\u5c45\u4e2d\u7684\u6548\u679c\u6709\u5f88\u591a\u79cd\u3002\u5c31\u628a\u4e00\u4e9b\u5e38\u7528\u7684\u5199\u6cd5\u628a\u5b83\u4eec\u6574\u7406\u4e00\u4e0b\uff0c\u65b9\u4fbf\u4ee5\u540e\u67e5\u770b\u9605\u8bfb\u3002\u5f53\u7136\uff0c\u663e\u793a\u5c45\u4e2d\u6548\u679c\u6709\u591a\u79cd\u591a\u6837\uff0c\u4f46\u662f\uff0c\u5728\u6211\u4eec\u65e5\u5e38\u5f00\u53d1\u7684\u65f6\u5019\u80fd\u5c06\u6548\u679c\u5b9e\u73b0\u5c31\u597d\u4e86\uff0c\u81f3\u4e8e\u91c7\u7528\u54ea\u79cd\u65b9\u5f0f\u8fd9\u662f\u56e0\u4eba\u800c\u5f02\u3002\u5bf9\u81ea\u5df1\u719f\u6089\u54ea\u79cd\u65b9\u6cd5\u4fbf\u91c7\u7528\u90a3\u79cd\u65b9\u5f0f\uff0c\u8fd9\u6837\u662f\u6bd4\u8f83\u65b9\u4fbf\u7684\u3002"))}f.isMDXComponent=!0}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.