uk-lightbox
2
UIkit 질문 드립니다..
연습삼아 프로로타입 만드는데
uk-lightbox 가 css 속성이 적용이 안되어서요ㅠ
!important 를 줘도 마찬가지 입니다..
제가 뭔가를 잘못한건지 확인 한번만 해주세요ㅠㅠ
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>UIkit Usage</title>
<!-- UIkit CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.8.0/dist/css/uikit.min.css" />
<script src="https://cdn.jsdelivr.net/npm/uikit@3.8.0/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.8.0/dist/js/uikit-icons.min.js"></script>
<style>
body {
background-color: #f5f5f5;
height: 100vh;
margin: 0;
}
.container {
position: relative;
height: 100%;
}
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.uk-lightbox {
border: 5px solid #000;
}
.uk-lightbox div {
margin: 30px !important;
}
.uk-lightbox img {
border: 5px solid red;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<div uk-lightbox>
<div>
<a href="portfolio/coding-works/animation/01/index.html">
<img src="images/Practical-Animation-01.jpg">
</a>
</div>
<div>
<a href="portfolio/coding-works/animation/02/index.html">
<img src="images/Practical-Animation-02.jpg">
</a>
</div>
</div>
</div>
</div>
</body>
</html>
답변 1
현재도 float 사용은 중요한가요?
1
212
2
웹 호스팅 후 문제
1
235
1
퍼블리셔 코딩테스트 질문입니다.
1
586
1
feather light
1
248
2
skill 섹션 질문
1
254
1
포트폴리오 홈페이지 제작가이드
2
247
1
iframe 질문입니다.
1
208
1
디자인설정
1
332
1
연봉 질문합니다.
1
891
1
폰트, 이미지? 관련 질문입니다
1
305
1
파일질라 카페24? 관련 질문입니다
1
430
1
면접 복장 질문입니다
1
743
1
도메인 연결 오류
1
358
1
개인 포트폴리오 웹사이트 안에 들어갈 포트폴리오 웹사이트 작업물들
1
480
1
카페24 절약형 관련 질문있습니다
1
869
2
기능정의서 html에 첨부하는 방법/header include
1
621
1
prototype 뜻
1
700
1
폴더구조 질문드립니다.<재업로드>
1
428
1
폴더구조 질문드립니다
1
357
1
개인포토폴리오 해상도문제요..!
1
388
1
구글에 검색했을 때 나오는 포트폴리오
2
408
1
wow.js live option
1
439
1
개인 포트폴리오 홈페이지 만들때 UI 포토샵 디자인
1
530
1
featherlight 연결시 링크된 html이 문제가 있어요 ㅠㅠ
1
311
1