검색
검색

내용이 한 줄 임에도 불구하고 제목을 두 줄로 고정하는 방법

debugcn 에 게시 Dev
7
cusX

텍스트가 한 줄 임에도 불구하고 링크 제목을 두 줄로 고정하려면 어떻게해야합니까?

CodePen 문제에 대한 링크

제목이 한 줄 뿐인 경우 여기에 표시된 것처럼 설명 및 좋아요 버튼 의 위치 가 일치하지 않게됩니다 .

나는 수레를 사용하여 아무 소용이 없었습니다. 그런 다음 div.info 상대 위치를 설정하고 주석 및 좋아요 버튼을 절대로 설정하여 문서 흐름에서 제거 할 수 있도록 시도했지만 어떻게 든 주석 및 좋아요 버튼은 여전히 ​​문서 흐름을 따르고 있습니다.

.info
    height: 20em
    position: relative

.comment
    position: absolute
    margin-top: -1.5em
    font-size: 1.2em
    float: left
    padding-left: 3em
    a
        text-decoration: none
        color: white
        &:visited
            color: white
            font-weight: 700
.like
    margin-top: -1.5em
    font-size: 1.2em
    position: absolute
    top: 0
    bottom: 20px
    right: 20px
    // float: right
    padding-right: 3em
사피 렐

버튼도 각 부분의 바닥 글로 간주합니다. 두 개의 버튼 (코멘트 등)을 동일한 div에 넣고 추가합니다.

position: absolute;
bottom: 0;

div의 클래스에.

내 화면이 당신의 것보다 큰 것 같습니다. 모든 제목이 한 줄에 있으므로 버튼이 항상 위로 있습니다. 더 조심하세요. 페이지 슬라이드를 너무 빠르게 아래로 스크롤하면 마지막 항목을 읽을 수 없습니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

두 줄이 아닌 한 줄에 있도록 print 문을 수정하는 방법은 무엇입니까?

분류에서Dev

notepad ++를 사용하여 두 줄을 한 줄로 결합

분류에서Dev

pyspark 데이터 프레임에서 두 번째 줄을 헤더로 사용하여 CSV를 읽는 방법

분류에서Dev

밑줄을 접두사로 사용하는 속성에 대한 eslint 문제

분류에서Dev

emgu cv로 불필요한 줄을 제거하는 방법

분류에서Dev

Python으로 beautifulsoup에서 태그 내용을 얻고 한 줄로 인쇄하는 방법은 무엇입니까?

분류에서Dev

여러 줄을 한 줄로 병합하는 방법이지만 빈 줄로 구분 된 줄 블록에만 해당

분류에서Dev

한 줄에 두 문자열을 결합하는 방법 Discord Bot

분류에서Dev

grep을 사용할 때 줄 길이 제한을 설정하는 방법 (줄 길이로 결과 필터링)?

분류에서Dev

패턴이있는 줄 뒤에 두 줄의 파일 내용을 삽입하는 방법은 무엇입니까?

분류에서Dev

for 루프를 두 개의 목록을 통해 한 줄로 인쇄하는 방법

분류에서Dev

클래스에 대한 객체를 생성하고 그 기능을 한 줄로 사용하는 방법

분류에서Dev

두 파일을 새 파일로 연결하고 출력을 한 줄로 정렬하는 방법

분류에서Dev

bash / sed에서 공통 필드가있는 두 줄을 한 줄로 병합하는 방법

분류에서Dev

Unsemantic을 사용하여 두 개의 서로 다른 글꼴 크기를 한 줄에 배치하는 방법

분류에서Dev

텍스트 파일에서 한 줄을 읽고 해당 줄에서 함수를 호출하고 두 번째 줄로 이동하는 방법 등은 무엇입니까?

분류에서Dev

c # 텍스트 파일의 줄을 두 개의 동일한 부분으로 나누고 두 개의 다른 목록 상자에 표시하는 방법

분류에서Dev

한 줄에 가변 textview와 두 개의 버튼이있는 사용자 지정 목록보기 항목을 레이아웃하는 방법

분류에서Dev

구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

분류에서Dev

구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

분류에서Dev

두 줄로 나누어 진 큰 명령 줄을 스크립트 내에서 한 줄로 실행하는 방법

분류에서Dev

두 줄 사이의 한 줄을 제거하는 방법

분류에서Dev

BSD의 csh에서 sed를 사용하여 한 줄을 두 줄로 바꾸는 방법은 무엇입니까?

분류에서Dev

특정 순서로 두 문자열을 grep하고 내 grep에 따라 한 줄씩 값을 계산하는 방법

분류에서Dev

단어로 시작하는 줄을 바꾸는 방법 (그리고 새 줄에 이전 줄을 사용)

분류에서Dev

두 개의 for 루프 출력을 한 줄 (n1 및 n2)에 한 줄로 인쇄하는 방법

분류에서Dev

두 번째 열에서 인접한 모든 줄을 빼고 첫 번째 줄을 유지하는 방법

분류에서Dev

한 줄에 두 개의 블록 항목을 배치하는 방법

분류에서Dev

줄 바꿈이있는 텍스트 파일에서 줄을 삭제하고 내용을 다른 파일로 복사하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    두 줄이 아닌 한 줄에 있도록 print 문을 수정하는 방법은 무엇입니까?

  2. 2

    notepad ++를 사용하여 두 줄을 한 줄로 결합

  3. 3

    pyspark 데이터 프레임에서 두 번째 줄을 헤더로 사용하여 CSV를 읽는 방법

  4. 4

    밑줄을 접두사로 사용하는 속성에 대한 eslint 문제

  5. 5

    emgu cv로 불필요한 줄을 제거하는 방법

  6. 6

    Python으로 beautifulsoup에서 태그 내용을 얻고 한 줄로 인쇄하는 방법은 무엇입니까?

  7. 7

    여러 줄을 한 줄로 병합하는 방법이지만 빈 줄로 구분 된 줄 블록에만 해당

  8. 8

    한 줄에 두 문자열을 결합하는 방법 Discord Bot

  9. 9

    grep을 사용할 때 줄 길이 제한을 설정하는 방법 (줄 길이로 결과 필터링)?

  10. 10

    패턴이있는 줄 뒤에 두 줄의 파일 내용을 삽입하는 방법은 무엇입니까?

  11. 11

    for 루프를 두 개의 목록을 통해 한 줄로 인쇄하는 방법

  12. 12

    클래스에 대한 객체를 생성하고 그 기능을 한 줄로 사용하는 방법

  13. 13

    두 파일을 새 파일로 연결하고 출력을 한 줄로 정렬하는 방법

  14. 14

    bash / sed에서 공통 필드가있는 두 줄을 한 줄로 병합하는 방법

  15. 15

    Unsemantic을 사용하여 두 개의 서로 다른 글꼴 크기를 한 줄에 배치하는 방법

  16. 16

    텍스트 파일에서 한 줄을 읽고 해당 줄에서 함수를 호출하고 두 번째 줄로 이동하는 방법 등은 무엇입니까?

  17. 17

    c # 텍스트 파일의 줄을 두 개의 동일한 부분으로 나누고 두 개의 다른 목록 상자에 표시하는 방법

  18. 18

    한 줄에 가변 textview와 두 개의 버튼이있는 사용자 지정 목록보기 항목을 레이아웃하는 방법

  19. 19

    구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

  20. 20

    구분 기호를 사용하여 두 줄을 한 줄로 감싸는 방법

  21. 21

    두 줄로 나누어 진 큰 명령 줄을 스크립트 내에서 한 줄로 실행하는 방법

  22. 22

    두 줄 사이의 한 줄을 제거하는 방법

  23. 23

    BSD의 csh에서 sed를 사용하여 한 줄을 두 줄로 바꾸는 방법은 무엇입니까?

  24. 24

    특정 순서로 두 문자열을 grep하고 내 grep에 따라 한 줄씩 값을 계산하는 방법

  25. 25

    단어로 시작하는 줄을 바꾸는 방법 (그리고 새 줄에 이전 줄을 사용)

  26. 26

    두 개의 for 루프 출력을 한 줄 (n1 및 n2)에 한 줄로 인쇄하는 방법

  27. 27

    두 번째 열에서 인접한 모든 줄을 빼고 첫 번째 줄을 유지하는 방법

  28. 28

    한 줄에 두 개의 블록 항목을 배치하는 방법

  29. 29

    줄 바꿈이있는 텍스트 파일에서 줄을 삭제하고 내용을 다른 파일로 복사하는 방법은 무엇입니까?

뜨겁다태그

보관