CSS-콘텐츠를 단락의 너비 / 높이에 맞추는 방법은 무엇입니까?

user2055171

p 태그를 사용하는 HTML 단락이 있습니다. 이제이 단락의 높이와 너비를 변경하여 단락의 시작 (머리) 만 표시 한 다음 마우스를 가져 가면 전체 단락이 표시됩니다. CSS를 사용하여 어떻게합니까?

참고 ** HTML 코드를 변경할 수 없으므로 CSS로만 플레이해야합니다.

Godfrzero

다음 기본 코드가 작동하며 필요에 따라 CSS 애니메이션 등을 활성화하도록 수정할 수 있습니다.

p {
  // Put whatever height you want here, we're using max-height here so that
  // paragraphs that are smaller than this don't get extra blank spacing.
  max-height: 20px;

  // Hide the extra content
  overflow: hidden;
}

p:hover {
  max-height: none;
}

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

flexbox의 콘텐츠 이미지에 플렉스 항목의 너비를 맞추는 방법은 무엇입니까?

분류에서Dev

앵커 태그를 콘텐츠에 맞추는 방법은 무엇입니까? 페이지의 전체 너비가 아님

분류에서Dev

비디오 플레이어를 콘텐츠에 맞추는 방법은 무엇입니까?

분류에서Dev

JTable 열 크기를 콘텐츠에 정확히 (또는 거의) 맞추는 방법은 무엇입니까?

분류에서Dev

CSS에서 두 개의 콘텐츠를 서로간에 사용하는 방법은 무엇입니까?

분류에서Dev

PIXI 렌더러를 브라우저 너비와 높이에 맞추는 방법은 무엇입니까?

분류에서Dev

CSS를 사용하여 div 높이를 콘텐츠에 맞추는 방법

분류에서Dev

Android에서 비디오의 웹 키트 콘텐츠를 렌더링하는 방법은 무엇입니까?

분류에서Dev

블록의 너비를 콘텐츠와 동일하게 만드는 방법은 무엇입니까?

분류에서Dev

div를 전체 너비에 맞추는 방법은 무엇입니까?

분류에서Dev

보기의 높이와 너비를 얻는 방법은 무엇입니까?

분류에서Dev

콘텐츠에 맞게 div 너비를 만들고 나머지를 채우기 위해 다음 div를 만드는 방법은 무엇입니까?

분류에서Dev

이 콘텐츠를 사용 가능한 높이의 100 %로 만드는 방법은 무엇입니까?

분류에서Dev

jquery mobile의 콘텐츠와 동일한 패널 높이를 설정하는 방법은 무엇입니까?

분류에서Dev

콘텐츠가로드 된 후 div의 높이를 얻는 방법은 무엇입니까?

분류에서Dev

SwiftUI에서 이미지의 너비와 높이를 설정하는 방법은 무엇입니까?

분류에서Dev

display : table-cell을 사용하여 div 내부의 콘텐츠를 컨테이너 상단으로 보내는 방법은 무엇입니까?

분류에서Dev

콘텐츠가 for 루프로 채워지는 경우 형제 열 높이에 맞게 행의 열 콘텐츠 높이를 만드는 방법은 무엇입니까?

분류에서Dev

Flutter에서 Column의 너비와 높이를 변경하는 방법은 무엇입니까?

분류에서Dev

HTML에서 루트 노드의 실제 너비와 높이를 얻는 방법은 무엇입니까?

분류에서Dev

Libgdx에서 화면의 너비와 높이를 설정하는 방법은 무엇입니까?

분류에서Dev

Libgdx에서 화면의 너비와 높이를 설정하는 방법은 무엇입니까?

분류에서Dev

Photoshop에서 요소의 너비 / 높이를 얻는 방법은 무엇입니까?

분류에서Dev

CreateResources 중에 Win2D CanvasBitmap의 너비와 높이를 얻는 방법은 무엇입니까?

분류에서Dev

DOMDocument를 통해 div 내부의 단락 태그에서 콘텐츠를 가져 오는 방법은 무엇입니까?

분류에서Dev

파이썬에서 바이너리 이미지의 콘텐츠 / 객체를 중앙에 배치하는 방법은 무엇입니까?

분류에서Dev

콘텐츠를 정사각형 div로 중앙에 배치하고 bootstrap.css로 종횡비를 유지하는 방법은 무엇입니까?

분류에서Dev

SVG 소셜 아이콘의 너비와 높이를 조정하는 방법은 무엇입니까?

분류에서Dev

Select / ComboBox의 너비를 일반 div의 너비에 맞추거나 변경할 수있는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    flexbox의 콘텐츠 이미지에 플렉스 항목의 너비를 맞추는 방법은 무엇입니까?

  2. 2

    앵커 태그를 콘텐츠에 맞추는 방법은 무엇입니까? 페이지의 전체 너비가 아님

  3. 3

    비디오 플레이어를 콘텐츠에 맞추는 방법은 무엇입니까?

  4. 4

    JTable 열 크기를 콘텐츠에 정확히 (또는 거의) 맞추는 방법은 무엇입니까?

  5. 5

    CSS에서 두 개의 콘텐츠를 서로간에 사용하는 방법은 무엇입니까?

  6. 6

    PIXI 렌더러를 브라우저 너비와 높이에 맞추는 방법은 무엇입니까?

  7. 7

    CSS를 사용하여 div 높이를 콘텐츠에 맞추는 방법

  8. 8

    Android에서 비디오의 웹 키트 콘텐츠를 렌더링하는 방법은 무엇입니까?

  9. 9

    블록의 너비를 콘텐츠와 동일하게 만드는 방법은 무엇입니까?

  10. 10

    div를 전체 너비에 맞추는 방법은 무엇입니까?

  11. 11

    보기의 높이와 너비를 얻는 방법은 무엇입니까?

  12. 12

    콘텐츠에 맞게 div 너비를 만들고 나머지를 채우기 위해 다음 div를 만드는 방법은 무엇입니까?

  13. 13

    이 콘텐츠를 사용 가능한 높이의 100 %로 만드는 방법은 무엇입니까?

  14. 14

    jquery mobile의 콘텐츠와 동일한 패널 높이를 설정하는 방법은 무엇입니까?

  15. 15

    콘텐츠가로드 된 후 div의 높이를 얻는 방법은 무엇입니까?

  16. 16

    SwiftUI에서 이미지의 너비와 높이를 설정하는 방법은 무엇입니까?

  17. 17

    display : table-cell을 사용하여 div 내부의 콘텐츠를 컨테이너 상단으로 보내는 방법은 무엇입니까?

  18. 18

    콘텐츠가 for 루프로 채워지는 경우 형제 열 높이에 맞게 행의 열 콘텐츠 높이를 만드는 방법은 무엇입니까?

  19. 19

    Flutter에서 Column의 너비와 높이를 변경하는 방법은 무엇입니까?

  20. 20

    HTML에서 루트 노드의 실제 너비와 높이를 얻는 방법은 무엇입니까?

  21. 21

    Libgdx에서 화면의 너비와 높이를 설정하는 방법은 무엇입니까?

  22. 22

    Libgdx에서 화면의 너비와 높이를 설정하는 방법은 무엇입니까?

  23. 23

    Photoshop에서 요소의 너비 / 높이를 얻는 방법은 무엇입니까?

  24. 24

    CreateResources 중에 Win2D CanvasBitmap의 너비와 높이를 얻는 방법은 무엇입니까?

  25. 25

    DOMDocument를 통해 div 내부의 단락 태그에서 콘텐츠를 가져 오는 방법은 무엇입니까?

  26. 26

    파이썬에서 바이너리 이미지의 콘텐츠 / 객체를 중앙에 배치하는 방법은 무엇입니까?

  27. 27

    콘텐츠를 정사각형 div로 중앙에 배치하고 bootstrap.css로 종횡비를 유지하는 방법은 무엇입니까?

  28. 28

    SVG 소셜 아이콘의 너비와 높이를 조정하는 방법은 무엇입니까?

  29. 29

    Select / ComboBox의 너비를 일반 div의 너비에 맞추거나 변경할 수있는 방법은 무엇입니까?

뜨겁다태그

보관