<div class="bg-light container">
    <table class="table text-center">
        <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <th scope="row">1</th>
            <td>a</td>
            <td>b</td>
            <td>@abc</td>
        </tr>
        <tr>
            <th scope="row">2</th>
            <td>qwer</td>
            <td>qaa</td>
            <td>@abc</td>
        </tr>
        <tr>
            <th scope="row">3</th>
            <td>aa</td>
            <td>asde</td>
            <td>@abc</td>
        </tr>
        </tbody>
    </table>
</div>

길이 수정

width

<div class="bg-light container">
    <table class="table text-center">
        <thead>
        <tr class="d-flex">
            <th class="col-3">#</th>
            <th class="col-5">First</th>
            <th class="col-4">Last</th>
            <th class="col-3">Handle</th>
        </tr>
        </thead>
        <tbody>
        <tr class="d-flex">
            <th class="col-3">1</th>
            <td class="col-5">a</td>
            <td class="col-4">b</td>
            <td class="col-3">@abc</td>
        </tr>
        <tr class="d-flex">
            <th class="col-3">2</th>
            <td class="col-5">qwer</td>
            <td class="col-4">qaa</td>
            <td class="col-3">@abc</td>
        </tr>
        <tr class="d-flex">
            <th class="col-3">3</th>
            <td class="col-5">aa</td>
            <td class="col-4">asde</td>
            <td class="col-3">@abc</td>
        </tr>
        </tbody>
    </table>
</div>
저작자표시 비영리 변경금지

'IT > 기타' 카테고리의 다른 글

윈도우10 블라이트 차단 - windows 10 blue light filter  (0) 2020.05.17
untity 무료 설치 2편 Unity  (0) 2020.05.17
untity 무료 설치 1편 Unity Hub  (0) 2020.05.17 
yum install gcc openssl-devel bzip2-devel libffi-devel // 파이썬 프러그인 설치
yum install wget // wget설치
wget https://www.python.org/ftp/python/3.8.5/Python-3.8.5.tgz // 파이썬 tgz설치
tar xzf Python-3.8.1.tgz // 압축해제
cd Python-3.8.5 // 압축 해제 한 곳으로 이동
./configure // 파일 체크
make // 컴파일
make install // 설치

안되면 

easytoy.tistory.com/253

저작자표시 비영리 변경금지

'IT' 카테고리의 다른 글

NET::ERR_SSL_OBSOLETE_VERSION  (0) 2020.07.26
Visual Studio Code 비주얼 스튜디오 코드 설치  (0) 2020.06.06

test.html

    <html>
    <head>
        <link rel="stylesheet" href="loading.css" type="text/css"/>
    </head>
    <body>
        <div class="data-list-box loading_box">
            <div style="align-content: center; width: 100%; padding-top: 30px;">
                <div class="loading load bar">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div class="text load" style="font-size: 15px; border-radius: 3px; margin-bottom: 3px;">
                    <p>로딩창 입니다.</p>
                    <p style="height: 17px;">  </p>
                </div>
            </div>
        </div>
    </body>
</html>

 

loading.css

@import "/css/v2/button.css";
.loading {
    position: relative;
    width: 96px;
    height: 96px;
    margin: 0 auto;
    padding: 10px;
}
.bar div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 40px;
    margin: auto;
    margin-top: 70px;
    background-color: #00fff6;
    animation: bar 1s infinite linear;
}
.bar div:nth-child(1) {
    right: -60px;
    animation-delay: 0.3s;
}
.bar div:nth-child(2) {
    right: -30px;
    animation-delay: 0.15s;
}
.bar div:nth-child(3) {
    animation-delay: 0s;
}
.bar div:nth-child(4) {
    right: 30px;
    animation-delay: -0.15s;
}
.bar div:nth-child(5) {
    right: 60px;
    animation-delay: -0.3s;
}
.table {
    word-break:break-all !important;
    width: 938px !important;
    text-align: center !important;
    margin: auto !important;
}
.table td{
    padding: 10px;
    max-width: 200px;
}
@keyframes bar {
    0%, 50% {
        transform: scaleY(1);
    }
    25% {
        transform: scaleY(1.5);
    }
}
.text{
    border-radius:100%;
    margin-top: 70px;
    text-align: center;
}

 

결과 창

저작자표시 비영리 변경금지

'IT > IT' 카테고리의 다른 글

크롬 다운로드 위치 변경  (0) 2020.11.25
GIF 캡쳐하기  (0) 2020.07.27
브라우저별 TLS 1.0, TLS 1.1 프로토콜 지원 중단  (0) 2020.07.27

https://www.screentogif.com/

 

ScreenToGif - Record your screen, edit and save as a gif or video

Free screen recorder tool. Record, edit and save as a gif or video.

www.screentogif.com

 

Installer버튼으로 프로그램을 다운받아 설치 후 사용한다.

 

사용화면

저작자표시 비영리 변경금지

'IT > IT' 카테고리의 다른 글

CSS 로딩화면  (0) 2020.07.27
브라우저별 TLS 1.0, TLS 1.1 프로토콜 지원 중단  (0) 2020.07.27
NET::ERR_SSL_OBSOLETE_VERSION  (0) 2020.07.23

Microsoft Edge 84.0.522.40 (공식 빌드)
Microsoft 11 (2020년 9월 예정)
-> 공지URL : MS 블로그


Chrome 84.0.4147.89 (공식 빌드)
-> 공지URL : Chromium Blog


Firefox 78.0
-> 공지URL : Mozilla 홈페이지

 

Firefox 78.0, See All New Features, Updates and Fixes

 

www.mozilla.org

 

Resuming SameSite Cookie Changes in July

In April , we temporarily rolled back the enforcement of SameSite cookie labeling to ensure stability for websites providing essential servi...

blog.chromium.org

 

https://support.microsoft.com/en-us/help/4019276/update-to-add-support-for-tls-1-1-and-tls-1-2-in-windows

Cookies are disabled Please enable cookies and refresh the page

support.microsoft.com

크롬은 현재 84.0.4147.89(공식 빌드) 부터

1.1이하는 이러한 경고창을 나타냅니다.

대부분의 사용자는 일한 경고창을 보고 고급으로 접속을 하지 않고 돌아가는 경우가 많을겁니다.

빠른시일에 업데이트 해주는게 좋을거 같습니다.

 

저작자표시 비영리 변경금지

'IT > IT' 카테고리의 다른 글

GIF 캡쳐하기  (0) 2020.07.27
NET::ERR_SSL_OBSOLETE_VERSION  (0) 2020.07.23
크롬 연결의 보안이 완벽하지 않음 해결법  (1) 2020.07.23 
<script>
funtion print_btn(target_id){
	var initBody = document.body.innerHTML;
	window.onbeforeprint = function(){
		document.body.innerHTML = document.getElementById(target_id).innerHTML;
	}
	window.onafterprint = function(){
		document.body.innerHTML = initBody;
	}
window.print();   
}
</script>

<input type="button" id="page_print" onclick="print_btn('print_target');" value="부분프린트" />
<input type="button" id="page_print" onclick="window.print();" value="전체프린트" />


<div id='print_target'>
	이내용만 프린트한다
<div>

<div>
	이내용은 그냥 내용이다 프린트 없다.
</div>
저작자표시 비영리 변경금지

'IT > javascript' 카테고리의 다른 글

javascript/jquery - 체크박스 모두 체크/ 모두체크 해제  (0) 2020.11.25
javascript 새창열기 window open  (0) 2020.05.19
jquery form input add 추가  (0) 2020.05.19

잘 들어가지던 사이트가 이런 메세지를 띄우기 시작한다면

 

크롬이 업데이트 되면서 TLS 1.1버전의 사용 중단을 시행을 시작했기 때문 일 가능 성이 있다.

 

1. chrome://flags/#legacy-tls-enforced에 들거간다

2. Enforce deprecation of legacy TLS versions을 disable로 변경

3. 오늘쪽 아래 크롬 재시작 버튼이 뜨면 클릭

저작자표시 비영리 변경금지

'IT' 카테고리의 다른 글

리눅스 CentOS에서 Python3.8.5 설치 파이썬 3.8.5설치  (0) 2020.08.04
Visual Studio Code 비주얼 스튜디오 코드 설치  (0) 2020.06.06

suddenly lately appears this error

 

maybe appears this error because of the chrochrome update

 

go "chrome://flags/#legacy-tls-enforced" and choose disable. And relaunch

저작자표시 비영리 변경금지

'IT > IT' 카테고리의 다른 글

브라우저별 TLS 1.0, TLS 1.1 프로토콜 지원 중단  (0) 2020.07.27
크롬 연결의 보안이 완벽하지 않음 해결법  (1) 2020.07.23
window 10 free  (0) 2020.06.24

+ 최근 게시물

티스토리툴바