CSS : 콘텐츠 너비에 맞게 자르는 최대 너비의 자체 조정 테이블

말리 브라운

조정 가능한 부모 div를 콘텐츠에 맞추기 위해 고군분투하고 있습니다. (오른쪽의 넓어진 공백을 없애고 싶습니다) http://jsfiddle.net/TDq7T/42/

max-width : 및 width : fit-content 또는 auto, 함께 작동하지 않음

#parent {
  display: block;
  max-width:40%;
  overflow:hidden;
  background: rgba(255,255,255,1.0);
}

#child {
   display: block;
   width:50px;
   height:50px;
   background: rgba(0,0,0,1.0);
   float:left;
   margin: 10px;
}

디스플레이 모드, clip : auto, width : auto 변경을 시도했지만 다른 하위 부모를 추가했지만 아무 소용이 없습니다 :(

1GR3

javascript를 사용하여 html 요소를 생성했기 때문에 javascript (jquery)로 스타일을 지정하는 것도 문제가되지 않을 것이라고 생각합니다.

http://jsfiddle.net/TDq7T/75/

function calculate_m_width() {
    var d_width= $(document).width();
    var m_width= Math.floor((d_width*.4)/70)*70;
    $("#menu").css("width",m_width);
}

calculate_m_width();

window.onresize = function() {
    calculate_m_width();
}

브라우저의 크기를 조정할 때마다 메뉴의 너비가 요소 수 x 너비 (50 + 2x10)로 다시 계산됩니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

'공백 : nowrap'이있는 요소의 너비가 하위 콘텐츠에 맞게 조정되지 않음

분류에서Dev

<iframe>의 너비와 높이에 따라 콘텐츠 크기 자동 조정

분류에서Dev

CSS를 사용하여 위치 절대 요소 너비를 콘텐츠에 맞게 조정

분류에서Dev

플렉스 박스 콘텐츠에 맞게 너비가 확장되지 않는 절대 위치 컨테이너

분류에서Dev

HTML / CSS-래퍼의 콘텐츠 너비 자동 크기 조정

분류에서Dev

최대 너비 및 생략 텍스트를 사용하여 내용에 맞게 CSS div 자동 크기 조정

분류에서Dev

자체 콘텐츠에 따라 배너 높이 조정

분류에서Dev

콘텐츠에 따라 컨테이너 높이 자동 조정

분류에서Dev

콘텐츠 너비에 맞게 가운데 표 셀 조정

분류에서Dev

CSS 위치 지정 : 사이드 바 너비 설정, 콘텐츠 상자 너비 변경

분류에서Dev

고정 너비 콘텐츠, 전체 너비 색상 배경 및 두 개의 전체 너비 섹션과 겹치는 이미지에 특이점 사용

분류에서Dev

높이에 맞게 CSS 배경 이미지, 너비에 비례하여 자동 크기 조정

분류에서Dev

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

분류에서Dev

HTML 표에 콘텐츠 및 자동 너비 맞추기

분류에서Dev

콘텐츠에 맞는 너비가있는 중앙 고정 div

분류에서Dev

div의 최소 너비를 콘텐츠에 맞게 만드시겠습니까?

분류에서Dev

CSS 그리드, 자동 채우기 + 콘텐츠별로 설정된 너비

분류에서Dev

최대 너비가 설정된 div에 맞게 이미지 크기 조정

분류에서Dev

viewDidLoad의 높이 UITableViewCell을 콘텐츠에 맞게 조정

분류에서Dev

CSS는 객체 자체에 대해 조건부 최대 너비 또는 최소 너비를 수행 할 수 있습니까?

분류에서Dev

Flexbox를 사용하여 고정 너비 사이드 바를 유연한 콘텐츠에 맞추는 방법

분류에서Dev

자식 컨트롤에 맞게 Div 너비 크기 조정

분류에서Dev

CSS Flexbox : 플렉스 항목 3 개, 열 2 개 (콘텐츠와 동일한 너비) 및 너비에 맞게 확장되는 항목 1 개

분류에서Dev

콘텐츠에 맞게 크기가 조정되지 않는 상대 위치 콘텐츠 래퍼

분류에서Dev

내에서로드 된 페이지 콘텐츠에 맞게 div 높이 자동 조정

분류에서Dev

CSS 콘텐츠 속성에서 작동하지 않는 높이 및 너비

분류에서Dev

UIWebView 콘텐츠 너비를 사용자 지정 크기로

분류에서Dev

콘텐츠 높이에 맞게 조정하려면 최대 높이 만 사용하세요.

분류에서Dev

CSS에서 너비를 100 %로 설정했지만 HTML의 본문 콘텐츠가 전체 화면이 아닙니까? 반응 할 때

Related 관련 기사

  1. 1

    '공백 : nowrap'이있는 요소의 너비가 하위 콘텐츠에 맞게 조정되지 않음

  2. 2

    <iframe>의 너비와 높이에 따라 콘텐츠 크기 자동 조정

  3. 3

    CSS를 사용하여 위치 절대 요소 너비를 콘텐츠에 맞게 조정

  4. 4

    플렉스 박스 콘텐츠에 맞게 너비가 확장되지 않는 절대 위치 컨테이너

  5. 5

    HTML / CSS-래퍼의 콘텐츠 너비 자동 크기 조정

  6. 6

    최대 너비 및 생략 텍스트를 사용하여 내용에 맞게 CSS div 자동 크기 조정

  7. 7

    자체 콘텐츠에 따라 배너 높이 조정

  8. 8

    콘텐츠에 따라 컨테이너 높이 자동 조정

  9. 9

    콘텐츠 너비에 맞게 가운데 표 셀 조정

  10. 10

    CSS 위치 지정 : 사이드 바 너비 설정, 콘텐츠 상자 너비 변경

  11. 11

    고정 너비 콘텐츠, 전체 너비 색상 배경 및 두 개의 전체 너비 섹션과 겹치는 이미지에 특이점 사용

  12. 12

    높이에 맞게 CSS 배경 이미지, 너비에 비례하여 자동 크기 조정

  13. 13

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

  14. 14

    HTML 표에 콘텐츠 및 자동 너비 맞추기

  15. 15

    콘텐츠에 맞는 너비가있는 중앙 고정 div

  16. 16

    div의 최소 너비를 콘텐츠에 맞게 만드시겠습니까?

  17. 17

    CSS 그리드, 자동 채우기 + 콘텐츠별로 설정된 너비

  18. 18

    최대 너비가 설정된 div에 맞게 이미지 크기 조정

  19. 19

    viewDidLoad의 높이 UITableViewCell을 콘텐츠에 맞게 조정

  20. 20

    CSS는 객체 자체에 대해 조건부 최대 너비 또는 최소 너비를 수행 할 수 있습니까?

  21. 21

    Flexbox를 사용하여 고정 너비 사이드 바를 유연한 콘텐츠에 맞추는 방법

  22. 22

    자식 컨트롤에 맞게 Div 너비 크기 조정

  23. 23

    CSS Flexbox : 플렉스 항목 3 개, 열 2 개 (콘텐츠와 동일한 너비) 및 너비에 맞게 확장되는 항목 1 개

  24. 24

    콘텐츠에 맞게 크기가 조정되지 않는 상대 위치 콘텐츠 래퍼

  25. 25

    내에서로드 된 페이지 콘텐츠에 맞게 div 높이 자동 조정

  26. 26

    CSS 콘텐츠 속성에서 작동하지 않는 높이 및 너비

  27. 27

    UIWebView 콘텐츠 너비를 사용자 지정 크기로

  28. 28

    콘텐츠 높이에 맞게 조정하려면 최대 높이 만 사용하세요.

  29. 29

    CSS에서 너비를 100 %로 설정했지만 HTML의 본문 콘텐츠가 전체 화면이 아닙니까? 반응 할 때

뜨겁다태그

보관