«css» 태그된 질문

card-deck및 card클래스 를 사용하는 부트 스트랩 예제 중 하나를 살펴 보았습니다 ( 가격 예제 ). 목록 중 하나에 다른 항목보다 항목이 적 으면 단추 정렬을 어떻게 수정할 수 있는지 궁금했습니다. 모든 버튼을 세로로 정렬하고 (각 카드 하단에 있음)이 작업을 수행하는 방법을 알 수 없습니다. .align-bottom클래스를 설정 하고 버튼을 <div class="align-text-bottom">. …

86 html  css  twitter-bootstrap  bootstrap-4 

나는 가지고있다: 번들하려는 JS 파일. CSS로 컴파일하려는 파일이 적습니다 (@imports를 단일 번들로 해결). 나는 이것을 두 개의 개별 입력으로 지정하고 두 개의 개별 출력을 갖기를 원했습니다 (아마도 extract-text-webpack-plugin을 통해). Webpack에는 컴파일을 수행 할 수있는 모든 적절한 플러그인 / 로더가 있지만 분리를 좋아하지 않는 것 같습니다. 나는 require('./app.less');웹팩에 번들에 파일을 포함하도록 …

86 javascript  css  webpack  build  css-preprocessor 

인세 트 테두리 를 HTML 요소 에 적용하는 방법 ( 한쪽에 만 적용). 지금까지 저는 이미지 (GIF / PNG)를 사용하여 배경으로 사용하고 늘이고 (반복 -x) 블록 상단에서 약간 떨어진 위치에 배치했습니다. 최근에 저는 outline CSS 속성을 발견했습니다 . 그러나 전체 블록을 동그라미로하는 것 같습니다 ...이 윤곽선 속성을 사용하여 하나의 테두리에서만 …

86 html  css 

이것은 Compass 101 일 수 있지만 색상의 알파 값을 설정하는 믹스 인을 작성한 사람이 있습니까? 이상적으로는 mixin이 모든 형태의 색상 정의를 취하고 투명도를 적용하고 싶습니다. @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( #ff0000, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha( rgb(255,0,0), 0.5 ); …

86 css  sass  compass-sass  rgba 

<option>요소에서 현재 선택된 요소의 스타일을 지정하는 방법이 <select>있습니까? 그런 다음 현재 선택한 옵션 요소에 배경색을 지정할 수 있습니까? 이렇게하면 현재 닫힌 드롭 다운에서 볼 수있는 옵션의 스타일을 지정할 수 있습니다.

86 html  css  css-selectors  pseudo-class 

일반적인 CSS 센터링 문제는 나를 위해 작동하지 않습니다. 문제는 완성 된 너비 px를 모른다는 것입니다. 전체 탐색에 대한 div가 있고 내부에 각 버튼이 있으며 둘 이상의 버튼이 있으면 더 이상 가운데에 있지 않습니다. :( CSS .nav{ margin-top:167px; width:1024px; height:34px; } .nav_button{ height:34px; margin:0 auto; margin-right:10px; float:left; } HTML <div class="nav"> …

86 css  button  center 

다른 도메인에서 iframe의 크기를 조정하는 방법 -편집하다 몇 가지 해결책을 보려면 아래로 스크롤하십시오. 또는이 작업을 수행하지 않는 방법을 읽으십시오. D 여러 시간의 코드 해킹 후 결론은 내 도메인에서 렌더링되는 스크롤바를 포함하여 iframe 내부의 모든 항목에 액세스 할 수 없다는 것입니다. 나는 아무 소용이없는 많은 기술을 시도했다. 시간을 절약하려면이 경로를 따르지 …

85 html  css  scripting  iframe  cross-domain 

최근에 다음과 같은 작업을하는 몇 가지 예를 보았습니다. <dl> <dt>Full Name:</dt> <dd><input type="text" name="fullname"></dd> <dt>Email Address:</dt> <dd><input type="text" name="email"></dd> </dl> HTML 양식을 작성합니다. 왜 그런 겁니까? 테이블 사용에 비해 장점은 무엇입니까?

85 html  css  forms 

maxlength 속성을 CSS의 다른 것으로 바꿀 수 있습니까? <input type='text' id="phone_extension" maxlength="4" />

85 html  css 

다음과 같은 CSS 선택기가있는 반응 형 이메일 템플릿 의 예 를 찾았습니다 . a[class="btn"] 이 구문이 다음과 완전히 동일하다면 왜 사용됩니까? a.btn 모바일 브라우저 등에 영향을 미칩니 까?

85 css  css-selectors 

오늘 css 파일을보고 다음 규칙 세트를 발견했습니다. div.with-some-class { display:block; margin:0; padding:2px 0 0 0; *padding:1px 0 0 0; font-size:11px; font-weight:normal; *line-height:13px; color:#3D9AD0; } * padding 및 * line-height에서 별표는 무엇을 의미합니까? 감사.

85 css 

Retina와 같은 HiDPI 디스플레이에 대한 웹 사이트를 테스트하기 위해 Windows에서 Retina 디스플레이를 시뮬레이션하는 방법이 있습니까? 저는 표준 24 "1920x1080 모니터에서 Windows를 실행합니다. 지난 밤에 친구의 새로운 15"Retina MacBook Pro에서 웹 사이트를 확인했는데 그래픽이 모두 흐릿 해 보였지만 (일반적인 15 인치 MacBook보다 훨씬 나빴습니다) 글꼴은 매우 선명하고 날카 로워 직접 비교하기 …

85 html  css  retina-display  retina.js 

이미 알고 있듯이 공백으로 구분 된 요소에 여러 클래스가있을 수 있습니다. 예 <div class="content main"></div> CSS를 div사용하면 .content또는 .main. 두 클래스가 모두 존재 하는 경우 에만 대상을 지정하는 방법 이 있습니까? 예 <div class="content main">I want this div</div> <div class="content">I don't care about this one</div> <div class="main">I don't want this</div> …

85 css  css-selectors 

중앙에 배치 하고 동시에 콘텐츠 너비 에 맞추려면 div가 필요합니다 . 나는 지금 다음과 같이하고 있습니다. .mydiv-centerer{ text-align: center; .mydiv { background: none no-repeat scroll 0 0 rgba(1, 56, 110, 0.7); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px #0099FF; color: white; margin: 10px auto; padding: 10px; text-align: justify; …

85 firefox  css  cross-browser 

<div style="display:inline-block;width:100px;"> very long text </div> 순수한 CSS를 사용하여 다음 새 줄에 표시하지 않고 너무 긴 텍스트를 자르고 최대 100px 만 표시하는 방법

85 html  css