«css» 태그된 질문

ScrollIntoView ()를 사용하여 목록에서 강조 표시된 항목을보기로 스크롤합니다. 아래로 스크롤하면 ScrollIntoView (false)가 완벽하게 작동합니다. 그러나 위로 스크롤하면 ScrollIntoView (true)로 인해 전체 페이지가 의도 한대로 약간 이동합니다. ScrollIntoView (true)를 사용할 때 전체 페이지 이동을 피하는 방법이 있습니까? 내 페이지의 구조는 다음과 같습니다. #listOfDivs { position:fixed; top:100px; width: 300px; height: 300px; overflow-y: …

110 javascript  css 

position : sticky 는 이제 일부 모바일 브라우저에서 작동하므로 페이지와 함께 메뉴 막대를 스크롤 할 수 있지만 사용자가 스크롤 할 때마다 뷰포트 상단에 고정 할 수 있습니다. 하지만 현재 '고정'상태 일 때마다 고정 메뉴 막대의 스타일을 약간 변경하려면 어떻게해야합니까? 예를 들어, 페이지와 함께 스크롤 할 때마다 막대가 둥근 모서리를 갖기를 …

110 css  css-selectors  css-position 

잘 작동하는 Bootstrap 4를 사용하여 접을 수있는 navbar를 만들었지 만 사용자가 링크를 클릭하면 닫히고 싶습니다. 이 작업을 수행 할 방법이 있습니까? 감사 html navbar : <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="container"> <a class="navbar-brand" href="#"><img …

110 html  css  twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

기본적으로 내 페이지에 두 개의 외부 CSS가 있습니다. 첫 번째 Main.css에는 모든 스타일 규칙이 포함되어 있지만 액세스 권한이 없으므로 수정할 수 없습니다. 두 번째 파일에 액세스 할 수 Template.css있으므로 Main.css의 값 을 재정의해야합니다 template.css. 값을 변경해야하는 것은 쉽지만 속성을 완전히 제거하려면 어떻게해야합니까? 같은 클래스가 말을 .c1가지고 height: 40px;내가이 높이 속성을 …

109 css 

Twitter Bootstrap을 사용하여 웹 애플리케이션에 반응 형 디자인 기능을 추가해야합니다. 나는 단지 반응 형 동작을 원하고 타이포그래피, 구성 요소 또는 부트 스트랩에 포함 된 다른 것들에 관심이 없습니다. 내가 가지고 사용자 정의 부트 스트랩 버전 바로 그리드 시스템을 선택합니다. 그러나 생성 된 CSS를 애플리케이션에 추가하면 모든 스타일 (헤더, 링크 및 …

109 html  css  twitter-bootstrap  responsive-design 

Safari 10에서만 나타나는 매우 이상한 문제가 발생했습니다 transform:rotate(xdeg). 가끔을 사용하여 회전하는 카드 놀이, svg 이미지가 있습니다 . 사용중인 카드는 빨간색 블록 패턴입니다. 회전하지 않거나 직각 (예 : 90, 180, 270)으로 회전하면 정상적으로 보입니다. 그러나 그 이외의 각도와 배경 패턴은 파란색으로 변합니다! 내 사용자 중 한 명으로부터 이것에 대한 보고서를 받았으며 …

109 html  css  svg  safari 

iPhone / iPad / iPod의 Webkit에서 <a>태그 의 : active 의사 클래스에 대한 스타일 지정 은 요소를 탭할 때 트리거되지 않습니다. 이것을 트리거하려면 어떻게해야합니까? 예제 코드 : <style> a:active { background-color: red; } </style> <!-- snip --> <a href="#">Click me</a>

109 iphone  css  webkit  mobile-safari  pseudo-class 

내 html 요소에 대해 다음 이벤트 처리기가 있습니다. jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); 클릭 할 때 # seek-bar에서 마우스의 위치를 ​​찾아야합니다. 위의 코드가 작동해야한다고 생각했지만 잘못된 결과를 제공합니다.

109 javascript  jquery  html  css  jquery-ui 

양식에는 하나의 선택 필드와 두 개의 입력 필드가 있습니다. 이러한 요소는 수직으로 정렬됩니다. 불행히도 이러한 요소의 너비는 동일하지 않습니다. 내 코드는 다음과 같습니다. <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> 위의 예를 들어, 선택 요소에 가장 적합한 너비는 198 또는 199 픽셀입니다 (물론 …

109 html  css  html-select  border-box 

트위터 부트 스트랩 문서 에 따르면 " <p>적절한 행간 및 색상을 위해 태그 에 텍스트 문자열을 래핑"할 수 있어야합니다 . 이 작업을 수행하면 그 아래의 어떤 수준 navbar에서도 navbar클래스를 상속하지 않습니다 . 문자열을 <a>태그로 감싸면 렌더링되지만 앵커가 아니어야합니다. 렌더링하려는 문자열은 "Logged in as ... "입니다.

109 html  css  twitter-bootstrap 

중첩 span과 a태그를 원합니다 . 내가해야합니까 <span>안에 넣어<a> <a>안에 넣어<span> 상관 없어?

109 html  css  semantic-markup 

HTML 표 셀에 표시하려는 텍스트가 있다고 가정 해 보겠습니다. Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks 그리고 나는 쉼표 중 하나 다음에 우선적으로 줄을 나누기를 원합니다. HTML 렌더러에게 지정된 지점에서 …

109 html  css  word-wrap 

내 프로젝트 ( BigPictu.re 또는 bigpicture.js GitHub 프로젝트 참조 )의 경우 잠재적으로 매우, 매우, 매우 큰 <div>컨테이너를 처리해야합니다. 내가 사용하는 간단한 접근 방식으로 성능이 저하 될 위험이 있다는 것을 알고 있었지만 대부분 ... Chrome에서만 제공 될 것으로 예상하지 못했습니다! 이 작은 페이지 (아래 코드 참조) 를 테스트 하면 패닝 (클릭 …

109 javascript  html  css  google-chrome 

다음 코드가 있습니다. <div class="table"> <div class="row"> <div class="cell">Cell</div> <div class="cell">Cell</div> </div> <div class="row"> <div class="cell colspan2">Cell</div> </div> </div> <style> .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .colspan2 { /* What to do here? */ } </style> 꽤 직설적 인. 요소에 colspan …

109 html  css 

나는 완전한 기능을 갖춘 윈도우 시스템을 구현하려는 웹 응용 프로그램에서 작업하고 있습니다. 지금은 매우 잘 진행되고 있습니다. 한 가지 사소한 문제 만 발생하고 있습니다. 때때로 내 응용 프로그램의 일부 (대부분 크기 조정 작업을 트리거하는 내 창의 모서리 div)를 드래그 할 때 웹 브라우저가 영리 해지고 무언가를 드래그 앤 드롭해야한다고 생각합니다. …

109 javascript  jquery  css  webbrowser-control