검색
검색

두 개의 html 요소를 사용자 정의 CSS와 같은 줄에 넣으십시오.

debugcn 에 게시 Dev
2
TyForHelpDude

내부에 두 개의 html 요소가 있습니다.

li 요소와이 두 줄을 같은 줄에 넣어야합니다.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<li class="linkedin">
       <i class="fa fa-linkedin"></i>
       <a href="#" target="_blank">https://www.linkedin.com/in/mehmet-yener-yilmaz-
           833a07101/</a>
    </li>

sive, 효율적으로 처리하려면 CSS 트릭이 필요합니다.

편집 : 나는 이것을 시도 하고 다른 사람들은 그것을 좋아했지만 내 문제를 해결할 수 없습니다.

LKG

word-break:break-all공백이없는 단일 행인 경우 구분 단어에 추가하십시오 . 그리고 flex사용되는 아이콘과 적절한 인라인 텍스트를 얻을 수 있습니다.

다음 CSS를 추가하십시오.

    .sidebar-wrapper .contact-list li {
        margin-bottom: 15px;
        word-break: break-all; /* Added */
        display:flex;   /* Added */
    }

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

두 개의 <p> 요소를 같은 줄에 정렬

분류에서Dev

HTML 또는 CSS를 사용하여 두 개의 수평선을 같은 줄에 표시하는 방법은 무엇입니까?

분류에서Dev

사이드 바 확장 html의 선택된 요소에 xpath를 넣으십시오.

분류에서Dev

두 개의 입력 상자를 같은 줄에 정렬하는 방법

분류에서Dev

사용자 정의 자바 스크립트 메시지 상자에 html을 넣으십시오.

분류에서Dev

GNU stow와 같은 방식으로 두 개의 git repos에 가입하십시오.

분류에서Dev

CSS float left가 같은 줄에 두 개의 div를 넣을 수없는 이유는 무엇입니까?

분류에서Dev

css를 사용하는 v-textarea와 같은 vuetify 구성 요소의 사용자 지정 스타일링 Vuetify

분류에서Dev

정규식 : 한 html 태그의 내용을 다른 html 태그의 내용으로 바꾼 후 쉼표를 그 자리에 넣으십시오.

분류에서Dev

phpmailer html의 div 옆에 div를 넣으십시오.

분류에서Dev

모든 행의 두 패턴 사이에 모두 큰 따옴표를 넣으십시오.

분류에서Dev

googlechart에 두 개의 배열을 넣으십시오.

분류에서Dev

같은 줄에 두 개의 이미지와 텍스트를 설정하는 방법

분류에서Dev

Bash를 사용하여 다른 장소에서 같은 줄에서 두 개의 숫자를 grep하는 방법은 무엇입니까?

분류에서Dev

AutoHotkey와 같은 몇 줄의 사용자 정의 GUI

분류에서Dev

Matplolit의 모든 줄에 대한 범례를 넣으십시오.

분류에서Dev

줄이 숫자로 시작하는지 확인한 다음 Bash를 사용하여 해당 줄을 별도의 파일에 넣으십시오.

분류에서Dev

두 개의 사용자 정의 TableViewCell에서 UIView 이미지 슬라이드와 CollectionView를 표시하는 방법은 무엇입니까?

분류에서Dev

PHP에서 문자열의 요소를 개별적으로 읽으십시오.

분류에서Dev

html 및 CSS를 사용하여 두 요소의 중심 일치

분류에서Dev

Firefox에서 : after와 같은 의사 요소 위치 지정

분류에서Dev

같은 시작 요소 태그 내에서 접두사 "를"에서 <url> (으)로 재정의 할 수 없습니다.

분류에서Dev

사용자 정의 HTML 요소 및 CSS에서 작업

분류에서Dev

같은 줄에 여러 줄을 포함하는 두 개의 div를 표시하는 방법

분류에서Dev

두 개의 ID가 다른 ID (CSS, HTML, JS)와 같을 때 Style 적용

분류에서Dev

HTML5에서 목록 정의에서 같은 줄에 표시되도록 여러 요소를 정렬하려면 어떻게해야합니까?

분류에서Dev

CSS를 사용하여 같은 위치에 2 개의 요소를 표시하려면 어떻게해야합니까?

분류에서Dev

PHP 또는 CSS에서 같은 줄에 두 개의 링크를 추가하는 방법

분류에서Dev

select와 같은 줄에있는 XML 요소의 하위 문자열

Related 관련 기사

  1. 1

    두 개의 <p> 요소를 같은 줄에 정렬

  2. 2

    HTML 또는 CSS를 사용하여 두 개의 수평선을 같은 줄에 표시하는 방법은 무엇입니까?

  3. 3

    사이드 바 확장 html의 선택된 요소에 xpath를 넣으십시오.

  4. 4

    두 개의 입력 상자를 같은 줄에 정렬하는 방법

  5. 5

    사용자 정의 자바 스크립트 메시지 상자에 html을 넣으십시오.

  6. 6

    GNU stow와 같은 방식으로 두 개의 git repos에 가입하십시오.

  7. 7

    CSS float left가 같은 줄에 두 개의 div를 넣을 수없는 이유는 무엇입니까?

  8. 8

    css를 사용하는 v-textarea와 같은 vuetify 구성 요소의 사용자 지정 스타일링 Vuetify

  9. 9

    정규식 : 한 html 태그의 내용을 다른 html 태그의 내용으로 바꾼 후 쉼표를 그 자리에 넣으십시오.

  10. 10

    phpmailer html의 div 옆에 div를 넣으십시오.

  11. 11

    모든 행의 두 패턴 사이에 모두 큰 따옴표를 넣으십시오.

  12. 12

    googlechart에 두 개의 배열을 넣으십시오.

  13. 13

    같은 줄에 두 개의 이미지와 텍스트를 설정하는 방법

  14. 14

    Bash를 사용하여 다른 장소에서 같은 줄에서 두 개의 숫자를 grep하는 방법은 무엇입니까?

  15. 15

    AutoHotkey와 같은 몇 줄의 사용자 정의 GUI

  16. 16

    Matplolit의 모든 줄에 대한 범례를 넣으십시오.

  17. 17

    줄이 숫자로 시작하는지 확인한 다음 Bash를 사용하여 해당 줄을 별도의 파일에 넣으십시오.

  18. 18

    두 개의 사용자 정의 TableViewCell에서 UIView 이미지 슬라이드와 CollectionView를 표시하는 방법은 무엇입니까?

  19. 19

    PHP에서 문자열의 요소를 개별적으로 읽으십시오.

  20. 20

    html 및 CSS를 사용하여 두 요소의 중심 일치

  21. 21

    Firefox에서 : after와 같은 의사 요소 위치 지정

  22. 22

    같은 시작 요소 태그 내에서 접두사 "를"에서 <url> (으)로 재정의 할 수 없습니다.

  23. 23

    사용자 정의 HTML 요소 및 CSS에서 작업

  24. 24

    같은 줄에 여러 줄을 포함하는 두 개의 div를 표시하는 방법

  25. 25

    두 개의 ID가 다른 ID (CSS, HTML, JS)와 같을 때 Style 적용

  26. 26

    HTML5에서 목록 정의에서 같은 줄에 표시되도록 여러 요소를 정렬하려면 어떻게해야합니까?

  27. 27

    CSS를 사용하여 같은 위치에 2 개의 요소를 표시하려면 어떻게해야합니까?

  28. 28

    PHP 또는 CSS에서 같은 줄에 두 개의 링크를 추가하는 방법

  29. 29

    select와 같은 줄에있는 XML 요소의 하위 문자열

뜨겁다태그

보관