CssUtil

css utility methods

이 스크립트는 직접 설치하는 용도가 아닙니다. 다른 스크립트에서 메타 지시문 // @require https://update.greasyfork.org/scripts/393202/1067207/CssUtil.js을(를) 사용하여 포함하는 라이브러리입니다.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name CssUtil
// @name:CN-zh_cn css工具类
// @version 0.1
// @description css utility methods
// @author gaojr
// @namespace https://github.com/gaojr/scripts-styles
// @grant GM_addStyle
// @match https://*/*
// ==/UserScript==

/**
 * 隐藏
 * @param selector 选择器
 */
const hide = function (selector) {
  GM_addStyle(selector + ' { display: none!important;height: 0!important;width: 0!important; }');
};
/**
 * 取消浮动
 * @param selector 选择器
 */
const floatNone = function (selector) {
  GM_addStyle(selector + ' { float: none; }');
};

/**
 * 左右居中
 * @param selector 选择器
 */
const marginCenter = function (selector) {
  GM_addStyle(selector + ' { margin-left: auto;margin-right: auto; }');
};

/**
 * 左右居中
 * @param selector 选择器
 */
const clearCenter = function (selector) {
  floatNone(selector);
  marginCenter(selector);
};