텍스트 줄임표를 사용하여 2 개의 텍스트를 같은 줄에 표시

debugcn 에 게시 Dev

바이트 C0de

.parent{
    width:100px;
}
.ellipsis{
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

<div class="parent">
    <div class="ellipsis">Lorem ipsum dolor sit amet.</div>
    <div>(AED)</div> 
</div>

AED와 줄임표를 같은 줄에 표시하고 싶습니다. 이것을 달성하는 방법.

미리 감사드립니다

말 비야

이를 달성하기 위해 display: flexparent div에 속성을 사용할 수 있으며 flex자식 사이에 공간을 분배하도록 속성을 설정할 수 있습니다.

.parent{
    width:100px;
    display: flex;
}
.ellipsis{
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

<div class="parent">
    <div class="ellipsis">Lorem ipsum dolor sit amet.</div>
    <div>(AED)</div> 
</div>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-20

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

텍스트 줄임표를 사용하여 2 개의 텍스트를 같은 줄에 표시

텍스트 줄임표를 사용하여 2 개의 텍스트를 같은 줄에 표시

텍스트 영역의 텍스트 끝에 줄임표 (...)를 표시하는 방법은 무엇입니까?

따옴표 안의 텍스트를 복사하여 같은 줄에 붙여 넣으시겠습니까?

같은 줄에 텍스트를 표시하는 방법은 무엇입니까?

같은 줄에 텍스트를 표시하는 방법은 무엇입니까?

CSS에서 2 줄 텍스트에 줄임표를 추가하는 방법은 무엇입니까?

입력 텍스트의 같은 줄에 표시 버튼

부트 스트랩을 사용하여 한 줄에 텍스트를 표시하는 가장 좋은 방법

Jquery를 사용하여 텍스트에 밑줄 표시

줄임표 및 한 줄에 여러 줄 텍스트 표시

텍스트 오버플로 줄임표의 두 번째 줄을 사용하여 점 뒤에 텍스트를 인라인으로 배치

한 줄에 여러 줄 텍스트를 표시하는 방법

여러 줄의 텍스트를 표시하는 JComboBox

HTML 표와 설명 텍스트를 같은 줄에 정렬하는 방법

장고 관리자에서 여러 줄의 텍스트를 표시하는 방법은 무엇입니까?

Bing지도 압정에 여러 줄의 텍스트를 표시하는 방법은 무엇입니까?

1 개의 텍스트보기를 사용하여 텍스트 목록 표시

명령 줄 도구를 사용하여 여러 줄의 작은 따옴표 안에있는 텍스트를 어떻게 대체 할 수 있습니까?

SKLabelNode를 사용하여 임의의 텍스트 표시

소수의 데이터 테이블 열은 여러 줄에 텍스트를 표시합니다.

Dymola의 텍스트 편집기에서 줄 번호를 표시하는 방법은 무엇입니까?

CosmicMinds Material Library를 사용하여 Material Textfield에서 애니메이션 자리 표시 자 텍스트의 공간을 줄이는 방법은 무엇입니까?

MacOS 메뉴 표시 줄의 URL에서 사용자 지정 텍스트를 표시하는 방법은 무엇입니까?

부트 스트랩 행의 한 줄에 컨트롤 및 텍스트를 표시하는 방법

같은 줄 (여러 줄의 텍스트에서)에서 여러 일치를 위해 grep -o를 사용하여 줄 바꿈을 피하는 방법

HTML에서 같은 줄에 텍스트와 이미지 표시

Cygwin은 텍스트를 다시 같은 줄로 래핑하여 텍스트를 덮어 씁니다.

batch / cmd를 사용하여 각 줄의 시작과 끝에 텍스트 추가

텍스트 파일에서 임의의 줄을 표시하는 방법은 무엇입니까?

텍스트 파일에서 임의의 줄을 표시하는 방법은 무엇입니까?