«css» 태그된 질문

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

153 javascript  css  overflow 

휴무 . 이 질문은 더 집중되어야 합니다. 현재 답변을받지 않습니다. 휴일 2 년 전 . 잠김 . 이 질문과 주제는 주제가 다르지만 역사적으로 중요하기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. 사용자가 내 페이지에서 버튼을 클릭하면 div의 내용이 지워 져야합니다. 이것을 달성하려면 어떻게해야합니까?

152 javascript  html  css 

사용자가 드래그하려고하는 이미지의 유령을 보지 못하게하는 방법이 있습니까 (이미지의 보안이 아니라 경험). 고스트 이미지가 아닌 텍스트와 이미지의 파란색 선택 문제를 해결하는 이것을 시도했습니다. img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } (또한 div에 동일한 규칙을 적용하여 div 안에 이미지를 중첩하려고 시도했습니다). 감사

152 javascript  html  css 

CSS 스타일의 텍스트 정렬을 사용하여 HTML 컨테이너의 내용을 정렬합니다. 내용이 텍스트이거나 브라우저가 IE 인 경우에는 제대로 작동합니다. 그러나 그렇지 않으면 작동하지 않습니다. 또한 이름에서 알 수 있듯이 기본적으로 텍스트를 정렬하는 데 사용됩니다. align 속성은 오랫동안 사용되지 않습니다. html로 내용을 정렬하는 다른 방법이 있습니까?

152 html  css  text-align 

나는 액체 스타일 시트를 만드는 작업을하고 있으며 훌륭하게 작동합니다. 내가 알았던 한 가지 사항은 Chrome의 브라우저 창 크기가 400px 미만으로 조정되지 않고 거기에 붙어 있고 FF에서 축소하면 약 400px에서 멈춘 다음 가로 스크롤 막대가 팝업된다는 것입니다. 휴대 전화에서 사이트를 열면 약 320px에서 완벽하게 보이므로 400px보다 작습니다. 이것이 브라우저 / 데스크톱인지 …

151 html  css  layout  liquid-layout 

양식 제출, 유효성 검사 후의 다른 텍스트 및 시각 보조 도구 중에서 입력 상자를 빨간색으로 표시하여주의가 필요한 대화 형 영역을 나타냅니다. Chrome (및 Google 툴바 사용자의 경우)에서 자동 완성 기능은 입력 양식의 색상을 노란색으로 변경합니다. 복잡한 문제는 다음과 같습니다. 사용자의 로그인 속도를 높이기 위해 양식에 자동 완성이 허용되기를 원합니다. 오류가 …

151 css  validation  google-chrome  html-input 

이 플런저 (select2 + angulat-ui)를 작동시키는 데 문제가 있습니다. http://plnkr.co/edit/NkdWUO?p=preview 로컬 설정에서 select2 작업을 얻었지만 docs에 설명 된대로 너비를 설정할 수 없습니다 . 사용하기에는 너무 좁습니다. 감사합니다. 편집 : plnkr을 신경 쓰지 마십시오. 여기에서 작동하는 바이올린을 찾았습니다 http://jsfiddle.net/pEFy6/ 첫 번째 요소의 너비로 축소되는 것은 select2의 동작 인 것처럼 보입니다. bootstrap을 …

151 css  twitter-bootstrap  angularjs  jquery-select2 

트위터 부트 스트랩 드롭 다운 메뉴를 구현하고 싶습니다. 내 코드는 다음과 같습니다. <span class="dropdown"> <a href="#menu1" class="dropdown-toggle" data-toggle="dropdown" ><img class="left" src="/static/img/topmenu_preferences.png" /><b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">a</a></li> <li><a href="#">b</a></li> <li><a href="#">c</a></li> <li class="divider"></li> <li><a href="#">d</a></li> </ul> 드롭 다운이 제대로 작동하고 드롭 다운이 화면의 오른쪽 가장자리 옆에 있으며 드롭 다운 토글을 …

151 html  css  twitter-bootstrap 

다음 HTML이 있습니다. <div class="title"> <span>Cumulative performance</span> <span>20/02/2011</span> </div> 이 CSS와 함께 : .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } 이 jsFiddle을 확인하면 http://jsfiddle.net/8JwhZ/ 이름과 날짜가 서로 붙어 있음을 알 수 있습니다. …

151 html  css 

현재 Visual Studio 2012 내에서 .css 파일을 편집 중입니다 (디버그 모드). 브라우저로 Chrome을 사용하고 있습니다. Visual Studio 내에서 응용 프로그램의 .css 파일을 변경하고 저장하면 페이지를 새로 고치면 .css 파일의 업데이트 된 변경 내용이로드되지 않습니다. .css 파일이 여전히 캐시되어 있다고 생각합니다. 나는 시도했다 : CTRL / F5 Visual Studio 2012의 프로젝트 …

151 css  visual-studio  google-chrome  caching 

이 div가 있습니다. <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> 텍스트가 넘치지 않더라도 스크롤 막대는 항상 표시됩니다. 스크롤 막대를 필요할 때만 볼 수있게 만들고 싶습니다. 즉, 상자에 필요한 텍스트가 충분한 경우에만 볼 수 있습니다. 텍스트 영역처럼. 어떻게해야합니까? 아니면 div처럼 보이도록 텍스트 영역의 스타일을 지정하는 유일한 옵션입니까?

151 css  html  scrollbar 

가리키면 CSS 전환 효과가 div를 이동시키는 CSS가 있습니다. 예제에서 볼 수 있듯이 문제는 translate전환이 div의 이미지를 1px 아래 / 오른쪽으로 움직이고 (아마도 약간 크기가 조정될 수 있습니까?) 부작용이 발생하여 제자리에 나타나지 않고 초점없는... 글리치는 호버 효과가 적용되는 전체 시간 동안 적용되는 것으로 보이며 시행 착오 과정에서 변환 전환이 div를 이동할 …

150 css  image  hover  positioning  translate-animation 

Internet Explorer의 어리석은 CSS 제한에 관한 상충되는 정보를 읽었습니다. 나는 당신이 31 <style>과 <link>태그 (결합) 만 가질 수 있으며 각 시트는 최대 31 @import-s 를 가질 수 있음을 이해하고 있습니다 (31- <link>s, 각 31- @imports는 훌륭하지만 훌륭합니다). 그러나 4095 규칙은 명확하지 않습니다.이 4095 규칙이 문서 또는 시트 당입니까? 예를 들어, …

150 css  internet-explorer  stylesheet 

angularjs에는 ng-src 태그 가 있는데 angularjs가 {{and 사이에있는 변수를 평가하기 전에 유효하지 않은 URL에 대한 오류를받지 않습니다 }}. 문제는 background-imageURL 로 설정된 꽤 많은 DIV를 사용한다는 것 입니다. background-size이미지를 DIV의 정확한 크기로 자르는 뛰어난 CSS3 속성 으로 인해이 작업을 수행합니다 . 유일한 문제는 ng-src 태그를 만든 것과 동일한 이유로 많은 …

150 css  angularjs 

현재 필드를 비활성화하기 위해 readonly = "readonly"를 사용하고 있습니다. CSS를 사용하여 속성의 스타일을 지정하려고합니다. 나는 사용을 시도했다 input[readonly] { /*styling info here*/ } 그러나 어떤 이유로 작동하지 않습니다. 나는 또한 시도했다 input[readonly='readonly'] { /*styling info here*/ } 그것은 작동하지 않습니다. CSS로 읽기 전용 속성의 스타일을 어떻게 지정할 수 있습니까?

150 html  css  css-selectors