프로그램 작성 css

18

다른 div 안에 3 개의 div (왼쪽 / 가운데 / 오른쪽)를 정렬하는 방법은 무엇입니까?

컨테이너 div 안에 3 개의 div를 정렬하고 싶습니다. [[LEFT] [CENTER] [RIGHT]] 컨테이너 div의 너비는 100 % (설정 너비 없음)이며 컨테이너의 크기를 조정 한 후 가운데 div가 가운데에 유지되어야합니다. 그래서 나는 설정했다 : #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} 그러나 그것은 다음과 같습니다 : [[LEFT] [CENTER] ] [RIGHT] 팁이 있습니까?

392 html css flexbox alignment css-float

15

오른쪽에서 왼쪽으로 슬라이드 하시겠습니까?

div를 축소에서 확장으로 또는 그 반대로 변경하려면 어떻게해야합니까? 오른쪽에서 왼쪽으로합니까? 내가 보는 모든 것은 항상 왼쪽에서 오른쪽입니다.

390 jquery html css jquery-ui position

14

A4 용지 크기 페이지에서 HTML 페이지를 만드는 방법은 무엇입니까?

HTML 페이지를 예를 들어 MS Word의 A4 크기 페이지처럼 동작하도록 만들 수 있습니까? 본질적으로 브라우저에 HTML 페이지를 표시하고 A4 크기 페이지의 크기로 내용을 간략하게 설명하고 싶습니다. 간단하게하기 위해 HTML 페이지에는 텍스트 만 있고 이미지는 포함되지 않으며 <br>예를 들어 태그는 없다고 가정 합니다. 또한 HTML 페이지가 인쇄되면 A4 크기 용지 페이지로 …

388 html css printing

21

div 내에서 가로로 이미지 중앙

이것은 어리석은 질문 일 것입니다. 그러나 이미지를 정렬하는 일반적인 방법이 작동하지 않기 때문에 물어볼 것이라고 생각했습니다. 컨테이너 div 내부의 이미지를 가로로 맞추려면 어떻게해야합니까? HTML과 CSS는 다음과 같습니다. 또한 축소판의 다른 요소에 대한 CSS도 포함 시켰습니다. 내림차순으로 실행되므로 가장 높은 요소는 모든 것의 컨테이너이고 가장 낮은 요소는 모든 것 안에 있습니다. …

387 html css

18

CSS로 배경 이미지의 크기를 설정 하시겠습니까?

CSS로 배경 이미지의 크기를 설정할 수 있습니까? 나는 다음과 같은 것을하고 싶다 : background: url('bg.gif') top repeat-y; background-size: 490px; 그러나 그렇게하는 것은 완전히 잘못된 것 같습니다 ...

386 css

16

테이블 행 <tr>에 경계 하단 추가

3 x 3의 테이블이 있습니다. 모든 행의 맨 아래에 테두리를 추가 tr하고 특정 색상을 부여 하는 방법이 필요합니다 . 먼저 직접 방법을 시도했습니다. <tr style="border-bottom:1pt solid black;"> 그러나 그것은 효과가 없었습니다. 그래서 다음과 같이 CSS를 추가했습니다. tr { border-bottom: 1pt solid black; } 여전히 작동하지 않았습니다. CSS를 사용하는 것이 좋습니다. …

385 html css html-table

4

offsetWidth, clientWidth, scrollWidth 및 -Height 각각 이해

OffsetWidth / clientWidth / scrollWidth (및 -Height)와 관련하여 StackOverflow에 대한 몇 가지 질문이 있지만 해당 값이 무엇인지에 대한 포괄적 인 설명은 없습니다. 또한 웹상에서 혼란 스럽거나 잘못된 정보를 제공하는 여러 출처가 있습니다. 시각적 힌트를 포함하여 완전한 설명을 제공 할 수 있습니까? 또한 이러한 값을 사용하여 스크롤 막대 너비를 계산할 수 …

385 html css dom

11

범위에서 CSS 고정 너비

순서가없는 목록 내에서 : <li><span></span> The lazy dog.</li> <li><span>AND</span> The lazy cat.</li> <li><span>OR</span> The active goldfish.</li> 클래스 또는 스타일 속성을 추가 할 수는 있지만 텍스트를 채우거나 태그를 추가하거나 변경할 수 없습니다. 페이지가 Courier New로 렌더링됩니다. 스팬 이후에 텍스트를 정렬하는 것이 목표입니다. The lazy dog. AND The lazy cat. OR The …

381 html css

30

MIME 유형으로 인해 스타일 시트가로드되지 않았습니다.

gulp브라우저를 변경 사항과 동기화하기 위해 컴파일 및 브라우저 동기화에 사용하는 웹 사이트에서 작업하고 있습니다 . gulp 작업은 모든 것을 올바르게 컴파일하지만 웹 사이트에서 스타일을 볼 수 없으며 콘솔에 다음 오류 메시지가 표시됩니다. MIME 유형 ( 'text / html')이 지원되는 스타일 시트 MIME 유형이 아니고 엄격한 MIME 검사가 활성화 되어있어 ' …

381 html css gulp mime-types browser-sync

7

CSS를 사용한 SVG 그림자

css3을 사용하여 svg 요소의 그림자를 설정할 수 있습니까? box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; 필터 효과를 사용하여 그림자를 만드는 것에 대한 언급이있었습니다. CSS 만 사용하는 예가 있습니까? 아래는 cusor 스타일이 올바르게 적용되지만 그림자 효과가없는 작업 코드입니다. 최소한의 코드로 그림자 효과를 얻을 수 있도록 도와주세요. svg .shadow …

379 html css svg svg-filters

24

HTML 페이지 바닥 글을 최소 높이로 페이지 하단에 유지하지만 페이지와 겹치지 않도록하는 CSS

페이지 http://www.workingstorage.com/Sample.htm하단에 앉을 수없는 바닥 글 이있는 다음 페이지 (deadlink :) 가 있습니다. 바닥 글을 원합니다 페이지가 짧고 화면이 채워지지 않으면 창 아래쪽에 붙어 내용이 겹치는 대신 화면이 많은 내용이있는 경우 문서 끝에 머물면서 정상적으로 아래로 이동하십시오. CSS는 상속되어 나를 괴롭 힙니다. 내용에 최소 높이를 놓거나 바닥 글을 맨 아래로 …

379 css footer

27

플렉스 박스 : 마지막 행을 그리드에 정렬

다음과 같은 컨테이너가있는 간단한 플렉스 박스 레이아웃이 있습니다. .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } 이제 마지막 행의 항목을 다른 항목과 정렬하고 싶습니다. justify-content: space-between;그리드의 너비와 높이를 조정할 수 있으므로 사용해야합니다. 현재는 다음과 같습니다 여기서 오른쪽 하단의 항목이 "중간 열"에 있어야합니다. 그것을 달성하는 가장 간단한 방법은 무엇입니까? …

378 css flexbox grid-layout

11

jQuery CSS 속성을 사용하여 배경 이미지 설정

imageUrl변수에 이미지 URL이 있고 jQuery를 사용하여 CSS 스타일로 설정하려고합니다. $('myObject').css('background-image', imageUrl); 다음과 같이 작동하지 않는 것 같습니다. console.log($('myObject').css('background-image')); 을 반환합니다 none. 어떤 생각, 내가 뭘 잘못하고 있니?

377 javascript jquery css

25

내용으로 div의 높이를 확장하십시오.

이 중첩 된 div가 있고 내부의 DIV를 수용하기 위해 확장 할 메인 컨테이너가 필요합니다 (높이).  ...  <body class="main"> <div id="container"> <div id="header">  </div> <div id="main_content">  …

376 css height

29

로고가있는 부트 스트랩 3 Navbar

텍스트 브랜딩 대신 이미지 로고가있는 Bootstrap 3 기본 탐색 메뉴를 사용하고 싶습니다. 화면 크기가 다른 문제를 일으키지 않고이 작업을 수행하는 올바른 방법은 무엇입니까? 나는 이것이 일반적인 요구 사항이라고 가정하지만 아직 좋은 코드 샘플을 보지 못했습니다. 모든 화면 크기에 적합한 디스플레이를 제공하는 것 이외의 핵심 요구 사항은 작은 화면의 메뉴 축소 …

376 css twitter-bootstrap twitter-bootstrap-3 navbar

«css» 태그된 질문