«css» 태그된 질문

div가 있고 가로로 가운데에 배치하고 싶습니다. 중앙에 있지는 않지만 margin:0 auto;... .container { position: absolute; top: 15px; z-index: 2; width:40%; max-width: 960px; min-width: 600px; height: 60px; overflow: hidden; background: #fff; margin:0 auto; }

177 css  html  center  absolute 

글 머리 기호 <li>가 <ol>또는 의 오른쪽으로 얼마나 많은 수평 공간을 밀어 넣는 지 제어하고 싶습니다 <ul>. 즉, 항상 * Some list text goes here. 나는 그것을 바꿀 수 있기를 원합니다. * Some list text goes here. 또는 *Some list text goes here. 주변을 둘러 보았지만 전체 블록을 왼쪽 또는 …

177 html  css  html-lists 

자바 스크립트없이 CSS만으로 슬라이드 인 전환을 생성하는 크로스 브라우저 솔루션이 있습니까? 아래는 html 컨텐츠의 예입니다. <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

탐색 막대를 스크롤하면 맨 위에 고정하고 싶지만 작동하지 않으며 이유가 없습니다. 도움을 줄 수 있다면 다음은 HTML 및 CSS 코드입니다. .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; float: right; margin-left: 50px; transition: 1.5s; } .nav-selections:hover{ transition: 1.5s; color: black; } …

177 html  css  css-position 

내가 사용하고 -반응-응용 프로그램을 작성 하고 안함 eject. @ font-face를 통해 가져오고 로컬로로드 한 글꼴이 어디로 가야하는지 명확하지 않습니다. 즉, 나는로드 @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } 어떤 제안? -- 편집하다 Dan이 자신의 답변에서 언급 한 요점 포함 ➜ …

177 css  reactjs  fonts  webpack  create-react-app 

나는이 회사에서 처음 왔으며 몇 마일의 CSS를 사용하는 제품이 있습니다. 앱에 인쇄 가능한 스타일 시트를 만들려고하는데에 문제가 background-color있습니다 @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } 다른 모든 기능은 테두리를 수정할 수 있지만 background-color인쇄에서는 나오지 않습니다. 이제 나는 더 자세한 내용 …

176 css  media-queries 

<td class="style1" align='center' height='35'> <div style='overflow: hidden; width: 230px;'> <a class='link' herf='' onclick='topic(<?=$key;?>)'> <span id='name<?=$key;?>'><?=$name;?></span> </a> </div> </td> 이것은 내 CSS 스크립트입니다 .style1 { background-image: url('http://localhost/msite/images/12.PNG'); background-repeat: no-repeat; background-position: left center; } 세포 background-image전체 를 스트레칭하고 싶습니다<td>

176 html  css  background 

현재 CSS 스타일을 적용하는 HTML을 제어 할 수없는 프로젝트를 진행 중입니다. 그리고 HTML은 요소를 구별하기에 충분한 id 및 클래스 선언이 없다는 의미에서 레이블이 잘 지정되지 않았습니다. 그래서 id 또는 class 속성이없는 객체에 스타일을 적용 할 수있는 방법을 찾고 있습니다. 때로는 양식 항목에 "이름"또는 "값"속성이 있습니다. <input type="submit" value="Go" name="goButton"> name …

176 html  css  css-selectors 

다음 스 니펫을 고려하십시오. .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } <div class="parent"> <div class="child"> Lorem Ipsum is simply dummy text of the printing and typesetting industry </div> <div class="child"> Lorem Ipsum is simply dummy …

176 css  internet-explorer  flexbox  internet-explorer-11 

<div>CSS에서 특정 백분율 높이 로 설정하려고 하지만 내부 내용과 동일한 크기로 유지됩니다. <!DOCTYTPE html>그러나 HTML 5를 제거하면 <div>원하는대로 전체 페이지를 차지하면서 작동 합니다. 페이지의 유효성을 검사하려면 어떻게해야합니까? 에 CSS <div>가 있으며 ID는 page다음 과 같습니다. #page { padding: 10px; background-color: white; height: 90% !important; }

176 html  css  height 

페이지에 블록 요소 모음이 있습니다. 모두 CSS 규칙 공백, 오버플로, 텍스트 오버플로가 설정되어 오버플로 텍스트가 잘리고 줄임표가 사용됩니다. 그러나 모든 요소가 오버플로되지는 않습니다. 어쨌든 자바 스크립트를 사용하여 어떤 요소가 오버플로하는지 감지 할 수 있습니까? 감사. 추가 된 예제 HTML 구조. <td><span>Normal text</span></td> <td><span>Long text that will be trimmed text</span></td> SPAN …

176 javascript  html  css  ellipsis 

<div class="commentList"> <article class="comment " id="com21"></article> <article class="comment " id="com20"></article> <article class="comment " id="com19"></article> <div class="something"> hello </div> </div> 선택하고 싶 #com19습니까? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } div.somethingcommentList에 실제 마지막 자식과 다른 자식이있는 한 작동하지 않습니다 . 이 경우 마지막 자식 선택기를 …

176 html  css  css-selectors 

CSS (또는 다른 의사 선택기) :after와 결합하고 싶습니다 :hover. 기본적으로 목록이 있고 selected클래스가있는 항목 에는를 사용하여 화살표 모양이 적용됩니다 :after. 가리키고 있지만 제대로 작동하지 않는 객체에 대해서도 마찬가지입니다. 여기 코드가 있습니다 #alertlist { list-style:none; width: 250px; } #alertlist li { padding: 5px 10px; border-bottom: 1px solid #e9e9e9; position:relative; } #alertlist …

176 css  css-selectors  pseudo-element 

이것은 간단해야하지만 검색어를 찾는 데 어려움이 있습니다. 내가 이것을 가지고 있다고 가정 해 봅시다. <div class="a c">Foo</div> <div class="b c">Bar</div> CSS에서 "(.a 또는 .b) 및 .c"와 일치하는 선택기를 어떻게 만들 수 있습니까? 나는 이것을 할 수 있다는 것을 안다. .a.c,.b.c { /* CSS stuff */ } 그러나 다양한 논리 조합을 …

176 html  css  css-selectors 

클래스 중 하나가 지정된 접두사와 일치하는 모든 요소에 CSS 규칙을 적용하고 싶습니다. 예를 들어 status-(A와 C로 시작 하지만 다음 스 니펫에서 B가 아닌) 클래스가있는 div에 적용되는 규칙을 원합니다 . <div id='A' class='foo-class status-important bar-class'></div> <div id='B' class='foo-class bar-class'></div> <div id='C' class='foo-class status-low-priority bar-class'></div> 일종의 조합 : div[class|=status]및div[class~=status-] CSS 2.1에서 가능합니까? …

175 css  css-selectors