«overflow» 태그된 질문

CSS를 사용하여 텍스트 길이를 "n"줄로 제한 할 수 있습니까 (또는 세로로 넘칠 때 잘라 내기). text-overflow: ellipsis; 한 줄짜리 텍스트에서만 작동합니다. 원문 : Ultrices natoque mus mattis, aliquam, pellentesque tincidunt elit purus lectus, vel ut aliquet, elementum nunc nunc rhoncus placerat urna! sed sed! UT penatibus turpis 뮤스 tincidunt! Dapibus …

515 css  text  overflow  ellipsis 

text-overflow텍스트가 너무 길어서 한 줄에 맞지 않을 경우 여러 줄로 줄 바꿈하지 않고 줄임표로 자르도록 CSS 를 표 셀 에 사용하고 싶습니다 . 이것이 가능한가? 나는 이것을 시도했다 : td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 그러나 white-space: nowrap텍스트 (및 셀)가 계속 오른쪽으로 확장되어 테이블의 전체 너비가 컨테이너 …

499 css  overflow 

스타일과 마크 업이 있다고 가정합니다. ul { white-space: nowrap; overflow-x: visible; overflow-y: hidden; /* added width so it would work in the snippet */ width: 100px; } li { display: inline-block; } <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> …

454 html  css  overflow 

이 간단한 CSS가 왜 작동하지 않는지 모르겠습니다 ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> 코드 스 니펫 …

368 overflow  ellipsis  css 

overflow:auto사업부의 확인이 가능 합니까? 예를 들면 다음과 같습니다. HTML <div id="my_div" style="width: 100px; height:100px; overflow:auto;" class="my_class"> * content </div> 쿼리 $('.my_class').live('hover', function (event) { if (event.type == 'mouseenter') { if( ... if scrollbar visible ? ... ) { alert('true'): } else { alert('false'): } } }); 때때로 내용이 짧거나 (스크롤바 …

277 jquery  scroll  overflow 

다음은 내 코드이며 모든 브라우저에서 #firstDiv가 아래로 밀리는 이유 를 이해하고 싶습니다 . 나는 그것이 왜 다른 방향으로 그것을 위로 당기는 것이 아니라 아래로 밀리는 지에 대한 사실의 내부 작용 을 이해 하고 싶습니다 . (그리고 나는 그들의 상단을 정렬하는 방법을 알고있다 :)) 그리고 나는 그것의 overflow : hidden을 알고 …

238 overflow  css 

그래서 현재 나는 : #div { position: relative; height: 510px; overflow-y: scroll; } 그러나 일부 사용자에게는 더 많은 콘텐츠가 있다는 것이 분명하다고는 생각하지 않습니다. 내 div에 실제로 더 많은 내용이 포함되어 있다는 것을 모르고 페이지를 아래로 스크롤 할 수 있습니다. 높이 510px를 사용하여 일부 텍스트를 잘라내어 일부 페이지에서 더 많은 …

224 css  macos  scroll  overflow 

프레드를 만나십시오. 그는 테이블입니다. <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> 프레드의 아파트는 크기가 변하는 기괴한 습관을 가지고 있기 때문에 다른 모든 유닛을 밀지 않고 휘 포드 부인의 거실을 망각으로 밀어 넣지 않도록 일부 내용을 숨기는 법을 배웠습니다. <table border="1" style="width: 100%; …

223 html  css  overflow  tablelayout 

내 페이지에 높이가 100 %로 설정된 div 요소가 있습니다. 신체의 높이도 100 %로 설정됩니다. 내부 div에는 배경과 그 배경이 있으며 본문 배경과 다릅니다. 이것은 div 높이를 브라우저 화면 높이의 100 %로 만드는 데 효과적이지만 문제는 해당 div 안에 브라우저 화면 높이를 넘어 세로로 확장되는 내용이 있다는 것입니다. 아래로 스크롤하면 div가 …

172 css  html  height  overflow 

div 높이를 얻는 방법에 대한 질문이 있습니다. 나는 알고 있어요 .height()하고 innerHeight()있지만, 그들 중 누구도이 경우에 나를 위해 일을하지 않습니다. 문제는이 경우 너비가 넘친 div가 있고 overflow : scroll이며 div의 높이가 고정되어 있다는 것입니다. 내가 사용하는 경우 .height()나 innerHeight(), 둘 다 나에게 가시 영역의 높이를 제공하지만, 내가 계정에 취한 오버 …

160 jquery  height  overflow 

요소가 오버플로되었는지 감지하는 가장 쉬운 방법은 무엇입니까? 사용 사례는 특정 콘텐츠 상자의 높이를 300px로 제한하고 싶습니다. 내부 내용이 그보다 크면 오버플로로 잘라냅니다. 그러나 오버플로가 발생하면 '더보기'버튼을 표시하고 싶지만 그렇지 않으면 해당 버튼을 표시하고 싶지 않습니다. 오버플로를 감지하는 쉬운 방법이 있습니까, 아니면 더 좋은 방법이 있습니까?

153 javascript  css  overflow 

실제로 두 가지 문제가 있지만 다른 문제를 해결하기가 더 쉽다고 생각하여 기본 문제를 먼저 해결할 수 있습니다. 메뉴의 왼쪽에 고정 위치 div가 있습니다. 오른쪽은 올바르게 스크롤되는 표준 div입니다. 문제는 브라우저 뷰 포트가 너무 작아서 전체 메뉴를 볼 수 없다는 것입니다. 스크롤 할 수있는 방법이 없습니다 (적어도 CSS는 아님). CSS에서 다른 …

150 javascript  css  scroll  overflow  css-position 

나는 3 레벨이 있습니다 div: (아래 녹색) 상위 레벨 div로를 overflow: hidden. 상자 크기를 초과하면 해당 상자 내부의 일부 내용 (여기에는 표시되지 않음)이 잘 리기를 원하기 때문입니다. (에서 아래 빨간색) 이 내부에서, 내가 가지고 div와 position: relative. 이를위한 유일한 용도는 다음 단계를위한 것입니다. (아래 파란색) 마지막으로 div흐름을 제거 position: absolute하지만 …

143 css  overflow  css-position 

여기 에 웹 사이트가 있습니다 . (가)부터 데스크톱 브라우저에서 조회, 검은 색 메뉴 표시 줄이 제대로 만 윈도우의 가장자리로 확장 body있다overflow-x:hidden . Android 또는 iOS와 같은 모든 모바일 브라우저에서 검은 색 메뉴 표시 줄에 전체 너비가 표시되어 페이지 오른쪽에 공백이 생깁니다. 내가 알 수있는 한,이 공백은 html또는body 태그 . 뷰포트를 …

142 css  overflow  viewport  mobile-browser 

웹 사이트에 이용 약관을 표시하고 싶습니다. 텍스트 필드를 사용하고 싶지 않으며 전체 페이지를 사용하고 싶지 않습니다. 선택한 영역에 텍스트를 표시하고 세로 스크롤 막대 만 사용하여 아래로 이동하여 모든 텍스트를 읽으려고합니다. 현재이 코드를 사용하고 있습니다 : <div style="width:10;height:10;overflow:scroll" > text text text text text text text text text text text text …

136 css  html  overflow