부트스트랩5 으로 작업시, 이미지를 가로우측,세로 가운데 위치에 정렬을 하고 싶습니다. 을 사용하면 우측으로 오기는 하는데, 세로위치가 가운데가 아닌 위쪽으로 붙어 버리네요. 부트스트랩5 에서 이미지를 가로우측,세로 가운데로 정렬하려면 어떻게 하면 될까요?

음..좀 귀찮으시겠지만 로 감싸서 에서는 text-align 속성이 먹혀지니까 text-end나 start, center로 잡으시면 될것같아요

이전 목록 다음

채택완료

부트스트랩5 에서 이미지 우측 가운데 정렬하는 방법

동물원

2022-05-19 (목) 11:35:57 2,126

부트스트랩5 으로 작업시, 이미지를 가로우측,세로 가운데 위치에 정렬을 하고 싶습니다.

<img src="..." class="rounded float-end" alt="..."> 을 사용하면

우측으로 오기는 하는데, 세로위치가 가운데가 아닌 위쪽으로 붙어 버리네요.

부트스트랩5 에서 이미지를 가로우측,세로 가운데로 정렬하려면 어떻게 하면 될까요?

그누보드5 부트스트랩5 이미지세로정렬 이미지정렬

채택된 답변

+20 포인트

야채킴

2022-05-22 (일) 01:50:50

음..좀 귀찮으시겠지만 <figure>로 감싸서 <figure> 에서는 text-align 속성이 먹혀지니까 text-end나 start, center로 잡으시면 될것같아요

위버

2022-05-19 (목) 11:59:28

동물원

2022-05-20 (금) 16:04:11

답변 감사드립니다. 그런데 부트스트랩5 라서 그런건지 제가 뭘 잘못한 건지 위의 코드가 안먹히네요.

답변을 작성하려면 로그인이 필요합니다.