«css» 태그된 질문

이것은 CSS입니다. div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } 아래 원을 어떻게 생성합니까? 사각형 너비가 180 픽셀이고 높이가 180 픽셀 인 경우 다음과 같이 나타납니다. 경계 반경 30 픽셀을 적용하면 다음과 같이 나타납니다. 사각형이 점점 작아지고 있습니다. 즉, 반지름 크기가 커지면 거의 사라집니다. 그렇다면 …

206 html  css  css-shapes 

style=display:"block"jQuery에서 요소에 추가하는 방법 ?

206 javascript  jquery  html  css 

현재 브라우저 너비가 768px 아래로 떨어지면 탐색 표시 줄이 축소 모드로 변경됩니다. 이 너비를 1000px로 변경하여 브라우저가 1000px 미만이면 탐색 표시 줄이 축소 모드로 변경됩니다. LESS를 사용하지 않고이 작업을 수행하고 싶습니다 .LESS가 아닌 스타일러스를 사용하고 있습니다. 내 문제는이 질문과 동일합니다 : Bootstrap 3 Navbar Collapse 그러나 그 질문에 대한 모든 …

205 css  twitter-bootstrap  responsive-design  navbar  collapse 

margin: 0 auto;요소의 설정 이 중심을 잡는 데 사용 된다는 것을 알고 있습니다 (왼쪽-오른쪽). 그러나 요소와 그 부모가 자동 마진이 작동하기위한 특정 기준을 충족해야한다는 것을 알고 있으며 마법을 올바르게 얻을 수는 없습니다. 내 질문은 간단합니다. margin: 0 auto;자식을 왼쪽 중앙 에 배치하려면 요소와 부모에 어떤 CSS 속성을 설정해야 합니까?

205 css 

" 큰 엉덩이를 좋아하고 거짓말을 할 수 없습니다 "라는 문자열이 있고으로 잘라서 overflow:hidden다음과 같이 표시 한다고 가정 해 봅시다 . 나는 큰 엉덩이를 좋아하고 나는 cann 텍스트를 잘라냅니다. 이것을 다음과 같이 표시 할 수 있습니까? 나는 큰 엉덩이를 좋아하고 통조림 ... CSS를 사용합니까?

205 html  css 

내 페이지에 ellipsis스타일 이 적용된 동적 데이터 범위가 있습니다. .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; 동일한 내용으로이 요소 툴팁에 추가하고 싶지만 내용이 길고 줄임표가 화면에 나타날 때만 표시되도록하고 싶습니다. 그것을 할 수있는 방법이 있습니까? 활성화 되면 브라우저에서 이벤트가 발생 …

205 javascript  html  css  tooltip  ellipsis 

인터넷의 접근성에 대한 인식을 높이는 재단을 위해 일하고 있습니다. 프레젠테이션을 위해 사람들에게 다른 장애 / 손상을 시뮬레이트하는 소규모 워크샵을 제공하려고합니다. 이 프리젠 테이션을 위해 특별히 제작 된 웹 사이트를 통해 이루어집니다. 입증 된 장애 중 하나는 떨림으로 인해 흔들리고 제어하기 어려운 손 움직임이 발생합니다. 이 장애로 인해 마우스가 링크 위에있는 …

204 javascript  html  css  accessibility  simulation 

나는 트위터 부트 스트랩 프레임 워크를 꽤 오랫동안 사용 해 왔으며 최근에 버전 3으로 업데이트되었습니다! 스티커 바닥 글을 바닥에 고정시키는 데 문제가 있습니다. Twitter 부트 스트랩 웹 사이트에서 제공하는 스타터 템플릿을 사용했지만 여전히 운이 없으며 아이디어가 있습니까?

204 html  css  twitter-bootstrap  twitter-bootstrap-3 

아래 CSS에서 볼 수 있듯이 child2전에 위치를 지정 하고 싶습니다 child1. 현재 개발중인 사이트는 모바일 장치에서도 작동해야하기 때문에 모바일 장치 child2의 콘텐츠 아래에 원하는 탐색이 포함되어 있기 때문에 맨 아래에 있어야합니다. -왜 2 개의 마스터 페이지가 아닌가? 이것은 divs전체 HTML에서 재배치되는 유일한 2 이므로이 작은 변경에 대한 2 개의 마스터 …

204 html  css  position  master-pages  parent-child 

HTML 목록과 CSS를 사용하여 가로 메뉴를 만들었습니다. 링크 위로 마우스를 가져갈 때를 제외하고는 모든 것이 제대로 작동합니다. 보시다시피, 링크에 굵은 호버 상태를 만들었습니다. 이제 굵은 크기의 차이로 인해 메뉴 링크가 바뀝니다. 이 SitePoint 게시물 과 동일한 문제가 발생합니다 . 그러나 게시물에는 적절한 해결책이 없습니다. 나는 모든 곳에서 해결책을 찾았지만 찾을 …

204 html  css  hover  text-size 

flexbox에 2 개의 div가 나란히 있습니다. 오른손은 항상 같은 너비 여야하며, 왼손은 남은 공간을 잡기를 원합니다. 그러나 너비를 구체적으로 설정하지 않으면 그렇지 않습니다. 따라서 현재 96 %로 설정되어 화면을 실제로 스쿼시 할 때까지 좋아 보입니다. 오른쪽 div는 필요한 공간에 약간 굶주립니다. 나는 그것을 그대로 둘 수 있다고 생각하지만 잘못 느낄 …

204 html  css  flexbox 

주로 모바일 사용자를위한 사이트이지만 데스크톱도 있습니다. Mobile Safari에서는 <input type="number">숫자 만 포함해야하는 입력 필드에 숫자 키보드가 표시되므로 사용하면 효과적입니다. 그러나 Chrome과 Safari에서는 숫자 입력을 사용하면 필드의 오른쪽에 스핀 버튼이 표시되어 내 디자인에서 쓰레기처럼 보입니다. 어쨌든 6 자리 숫자와 같은 것을 쓸 때 쓸모가 없기 때문에 버튼이 실제로 필요하지 않습니다. 이것을 …

203 css  html  webkit 

각 li 안에 하이퍼 링크가있는 여러 목록 항목이 포함 된 정렬되지 않은 목록이있는 모바일 웹 응용 프로그램이 있습니다. ... 제 질문은 하이퍼 링크를 iPhone에서 볼 때 크기가 변경되지 않고 가속도계가 세로-> 가로로 전환되도록 어떻게 하이퍼 링크를 포맷 할 수 있습니까? 현재 하이퍼 링크 글꼴 크기는 14px로 설정되어 있지만 가로로 전환하면 …

203 iphone  html  css 

요소의 CSS 스타일을 정의 할 수 있습니까? 일치하는 요소에 특정 요소 (직접 하위 항목)가 포함 된 경우에만 적용됩니까? 나는 이것이 예제를 사용하여 가장 잘 설명된다고 생각합니다. 참고 : 포함 된 자식 요소에 따라 부모 요소의 스타일을 지정 하려고합니다 . <style> /* note this is invalid syntax. I'm using the non-existing …

203 html  css 

이 HTML이 있다고 가정 해 봅시다. <h3>Features</h3> <ul> <li><img src="alphaball.png">Smells Good</li> <li><img src="alphaball.png">Tastes Great</li> <li><img src="alphaball.png">Delicious</li> <li><img src="alphaball.png">Wholesome</li> <li><img src="alphaball.png">Eats Children</li> <li><img src="alphaball.png">Yo' Mama</li> </ul> 이 CSS는 : li { text-align:center; display:inline-block; padding:0.1em 1em } img { width:64px; display:block; margin:0 auto } 결과는 여기에서 볼 수 있습니다 : http://jsfiddle.net/YMN7U/1/ 이제 …

202 html  css