# 모든 기기에서 로고를 수평 및 수직으로 중앙 정렬

**URL:** https://meta.discourse.org/t/center-logo-horizontally-and-vertically-on-all-devices/312729
**Category:** Development
**Tags:** css, brand-header
**Created:** [1월 18, 2022, 3:25오후 UTC](https://meta.discourse.org/t/center-logo-horizontally-and-vertically-on-all-devices/312729 "2022-01-18T15:25:12Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![falcon9](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falcon9/32/311948_2.png) [@falcon9](https://meta.discourse.org/u/falcon9)
#### Post date: [1월 18, 2022, 3:25오후 UTC](https://meta.discourse.org/t/center-logo-horizontally-and-vertically-on-all-devices/312729/1 "2022-01-18T15:25:12Z")

</div>

@vinothkannans 로고를 모든 기기에서 가로와 세로 방향으로 가운데에 배치하는 방법은 무엇인가요? 링크는 사용할 계획이 없고 로고만 사용할 예정입니다.

---

<div class="post-metadata">

### Author: ![vinothkannans](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vinothkannans/32/86465_2.png) [@vinothkannans](https://meta.discourse.org/u/vinothkannans)
#### Post date: [1월 18, 2022, 4:34오후 UTC](https://meta.discourse.org/t/center-logo-horizontally-and-vertically-on-all-devices/312729/2 "2022-01-18T16:34:00Z")

</div>

``.b-header``` 클래스의 CSS를 조정하면 달성할 수 있을 것 같습니다. 아래와 같은 코드가 도움이 될 수 있습니다.

```css
.b-header .title {
float: none;
display: block;
margin: 0 auto;
width: 105px; /* 로고 이미지 너비 */
}

```

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [6월 19, 2024, 9:51오전 UTC](https://meta.discourse.org/t/center-logo-horizontally-and-vertically-on-all-devices/312729/3 "2024-06-19T09:51:10Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.