Ionic-framework: λ²„νŠΌμ˜ κΈ΄ ν…μŠ€νŠΈκ°€ μž˜λ¦¬μ§€ μ•ŠμŒ

에 λ§Œλ“  2016λ…„ 10μ›” 14일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: ionic-team/ionic-framework

λ¬Έμ œμ— λŒ€ν•œ κ°„λž΅ν•œ μ„€λͺ…:

λ²„νŠΌμ˜ κΈ΄ ν…μŠ€νŠΈκ°€ μž˜λ¦¬μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. full 및 block λ²„νŠΌμ„ μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

image

λ²„νŠΌμ— μ€„μž„ν‘œκ°€ μžˆμ§€λ§Œ μ•„λž˜μ™€ 같이 ν‘œμ‹œλ©λ‹ˆλ‹€.

.button {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button-inner ν΄λž˜μŠ€μ—λŠ” display: flex κ°€ μžˆμœΌλ―€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μ–΄λ–€ 행동을 κΈ°λŒ€ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

μ€„μž„ν‘œλ₯Ό ν‘œμ‹œν•©λ‹ˆλ‹€.

image

이것은 .button-inner 의 ν‘œμ‹œλ₯Ό inline 둜 μ„€μ •ν•˜μ—¬ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ λ””μŠ€ν”Œλ ˆμ΄κ°€ ν”Œλ ‰μŠ€λ˜λŠ” 이유λ₯Ό 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€.

μ–΄λ–€ 이온 버전? 2 RC.0

core feature request

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

ν”Œλ ‰μŠ€κ°€ 센터링에 도움이 λœλ‹€κ³  μƒκ°ν•©λ‹ˆκΉŒ? μ—¬λŸ¬λΆ„ λͺ¨λ‘κ°€ 그것을 κ³ μΉ  방법을 ν™•μ‹ ν•  수 μ—†μ§€λ§Œ, μ œκ°€ 이와 같은 것을 κ³ μΉ  수 μžˆμ—ˆλ˜ μœ μΌν•œ 방법은 그것에 또 λ‹€λ₯Έ λ‚΄λ©΄μ˜ 아이λ₯Ό μ£ΌλŠ” κ²ƒμž…λ‹ˆλ‹€. 예

```

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-me{
μ˜€λ²„ν”Œλ‘œ: μˆ¨κΉ€;
ν…μŠ€νŠΈ μ˜€λ²„ν”Œλ‘œ: μ€„μž„ν‘œ;
}
```

λͺ¨λ“  3 λŒ“κΈ€

ν”Œλ ‰μŠ€κ°€ 센터링에 도움이 λœλ‹€κ³  μƒκ°ν•©λ‹ˆκΉŒ? μ—¬λŸ¬λΆ„ λͺ¨λ‘κ°€ 그것을 κ³ μΉ  방법을 ν™•μ‹ ν•  수 μ—†μ§€λ§Œ, μ œκ°€ 이와 같은 것을 κ³ μΉ  수 μžˆμ—ˆλ˜ μœ μΌν•œ 방법은 그것에 또 λ‹€λ₯Έ λ‚΄λ©΄μ˜ 아이λ₯Ό μ£ΌλŠ” κ²ƒμž…λ‹ˆλ‹€. 예

```

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-me{
μ˜€λ²„ν”Œλ‘œ: μˆ¨κΉ€;
ν…μŠ€νŠΈ μ˜€λ²„ν”Œλ‘œ: μ€„μž„ν‘œ;
}
```

λ²„νŠΌμ΄ λ„ˆλ¬΄ λ§Žμ€ ꡬ성 μš”μ†Œμ— μ‚¬μš©λ˜κΈ° λ•Œλ¬Έμ— 이것은 μ‹€μ œλ‘œ 맀우 λ³΅μž‘ν•©λ‹ˆλ‹€. λ²„νŠΌμ— λ‚΄λΆ€ divλ₯Ό μΆ”κ°€ν•˜λ©΄ λ‹€λ₯Έ κ³³μ—μ„œ λ¬Έμ œκ°€ λ°œμƒν•˜κ³  λ””μŠ€ν”Œλ ˆμ΄λ₯Ό ν”Œλ ‰μŠ€μ—μ„œ 인라인으둜 λ³€κ²½ν•˜λ©΄ λ²„νŠΌμ²˜λŸΌ 보이도둝 μŠ€νƒ€μΌμ΄ μ§€μ •λœ μ•„μ΄μ½˜κ³Ό 액컀 링크가 ν¬ν•¨λœ λ²„νŠΌμ— λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€. @ncapito 의 μœ„ μ½”λ“œκ°€ μž‘λ™ν•˜λ―€λ‘œ μ§€κΈˆμ€ 이 문제λ₯Ό μ΄μ •ν‘œμ—μ„œ μ œκ±°ν•˜μ§€λ§Œ 이 문제λ₯Ό λ‹€μ‹œ μ‚΄νŽ΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

문제λ₯Ό μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€! 이 λ¬Έμ œλŠ” ν™œλ™μ΄ μ—†μ–΄ μ’…λ£Œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 이것이 μ—¬μ „νžˆ μ΅œμ‹  λ²„μ „μ˜ Ionicμ—μ„œ λ¬Έμ œκ°€ λ˜λŠ” 경우 μƒˆ 문제λ₯Ό λ§Œλ“€κ³  ν…œν”Œλ¦Ώμ΄ μ™„μ „νžˆ μ±„μ›Œμ‘ŒλŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

μ•„μ΄μ˜€λ‹‰μ„ μ΄μš©ν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€!

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰