a태그한 것들이 라이브화면에서 일자로 배치가 안되요
408
14 câu hỏi đã được viết
이미지파일이랑 텍스트랑 다같이 해보고 싶어서 이렇게 만들었는데 강의처럼 일렬로 예쁘게 배치가 안되고 유투브는 아래로 내려가 있습니다. 혹시 어떤게 잘못된걸까요??
Câu trả lời 5
0
1
a태그가 담고 있는 요소가 이미지와 텍스트라서 종류가 달라서 그런 것입니다.
뭘 잘못 코딩해서 그런게 아니라 그냥 브라우저가 저렇게 출력하는 것 뿐 입니다.
크게 중요한 부분은 아닙니다.
만약 아래처럼 수직정렬을 만들려고 한다면 a태그에 아래와 같은 속성을 주면 됩니다.
0
body {
background-color: aquamarine;
}
a {
color: #000;
text-decoration: none;
font-size: 40px;
border: 5px solid black;
margin: 10px;
display: inline-block;
width: 200px;
height: 70px;
text-align: center;
border-radius: 10px;
}
div {
border: 3px solid peru;
margin: 10px;
height: 100px;
/* width: 100px; */
}
img {
border: 3px solid #ddd;
height: 100%;
box-sizing: border-box;
border-radius: 10px;
}0
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>CSS인라인블록</title>
<link rel="stylesheet" href="style4.css">
</head>
<body>
<a href="http://www.naver.com"><img src="images/naver.jpg"></a>
<a href="http://www.google.com"><img src="images/google.png"></a>
<a href="http://www.youtube.com">유튜브</a>
<div>1</div>
<div>2</div>
</body>
</html>class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
77
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
90
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
135
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
139
2
폰트어썸이 안되요..
1
487
2
화면 정중앙에 오게끔 할수있나요?
1
170
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
230
2
넷플릭스 어코디언 예제 질문
1
105
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
158
1
active 관련 질문
1
147
2