프로그램 작성 css

3

이것에 관한 질문과 기사가 있었지만 내가 말할 수있는 한 결정적인 것은 없습니다. 내가 찾을 수있는 가장 좋은 요약은 flex-basis를 사용하면 다른 항목을 계산하기 전에 요소의 초기 / 시작 크기를 지정할 수 있습니다. 백분율 또는 절대 값일 수 있습니다. ... 자체적으로 플렉스 기준이 설정된 요소의 동작에 대해서는별로 언급하지 않습니다 . flexbox에 …

224 css flexbox width

30

Font Awesome not working, 사각형으로 표시되는 아이콘

마케팅 페이지의 프로토 타입을 제작하려고하는데 Bootstrap과 새로운 Font Awesome 파일을 사용하고 있습니다. 문제는 아이콘을 사용하려고 할 때 페이지에 렌더링되는 모든 것이 큰 사각형이라는 것입니다. 헤드에 파일을 포함시키는 방법은 다음과 같습니다. <head> <title>Page Title</title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-responsive.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/app.css"> <!--[if IE 7]> <link rel="stylesheet" …

224 css html twitter-bootstrap font-awesome

4

CSS-오버플로 : 스크롤; -항상 세로 스크롤 막대를 표시 하시겠습니까?

그래서 현재 나는 : #div { position: relative; height: 510px; overflow-y: scroll; } 그러나 일부 사용자에게는 더 많은 콘텐츠가 있다는 것이 분명하다고는 생각하지 않습니다. 내 div에 실제로 더 많은 내용이 포함되어 있다는 것을 모르고 페이지를 아래로 스크롤 할 수 있습니다. 높이 510px를 사용하여 일부 텍스트를 잘라내어 일부 페이지에서 더 많은 …

224 css macos scroll overflow

13

사용자가 위로 스크롤하지 않으면 overflow div를 맨 아래로 스크롤 한 상태로 유지

300 픽셀 크기의 div가 있으며 페이지가 내용의 맨 아래로 스크롤 될 때 원합니다. 이 div에는 동적으로 콘텐츠가 추가되어 계속 스크롤되어 있어야합니다. 이제 사용자가 위로 스크롤하기로 결정한 경우 사용자가 다시 아래로 스크롤 할 때까지 맨 아래로 다시 이동하고 싶지 않습니다. 사용자가 위로 스크롤하지 않으면 사용자가 맨 아래로 스크롤하지 않으면 맨 아래로 …

224 javascript jquery html css scroll

17

인쇄 미리보기에 배경색이 표시되지 않음

페이지를 인쇄하려고합니다. 이 페이지에서 테이블에 배경색을 지정했습니다. 크롬에서 인쇄 미리보기를 볼 때 배경색 속성을 사용하지 않습니다 ... 그래서 나는이 속성을 시도했다 : -webkit-print-color-adjust: exact; 그러나 여전히 색상을 표시하지 않습니다. http://jsfiddle.net/TbrtD/ .vendorListHeading { background-color: #1a4567; color: white; -webkit-print-color-adjust: exact; } <div class="bs-docs-example" id="soTable" style="padding-top: 10px;"> <table class="table" style="margin-bottom: 0px;"> <thead> <tr …

223 google-chrome css printing webkit

18

CSS : 테이블 셀을 자르지 만 가능한 한 적합

프레드를 만나십시오. 그는 테이블입니다. <table border="1" style="width: 100%;"> <tr> <td>This cells has more content</td> <td>Less content here</td> </tr> </table> 프레드의 아파트는 크기가 변하는 기괴한 습관을 가지고 있기 때문에 다른 모든 유닛을 밀지 않고 휘 포드 부인의 거실을 망각으로 밀어 넣지 않도록 일부 내용을 숨기는 법을 배웠습니다. <table border="1" style="width: 100%; …

223 html css overflow tablelayout

7

나란히 두 div-유체 표시

두 개의 div를 나란히 배치하고 다음 CSS를 사용하려고합니다. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML은 래퍼 div에서 단순하고 두 개의 왼쪽 및 오른쪽 div입니다. <div id="wrapper"> <div id="left">Left side div</div> <div id="right">Right side div</div> </div> StackOverflow 및 다른 사이트에서도 더 나은 방법을 …

222 css html fluid-layout fluid

3

iPad / iPhone에서 CSS 제출 버튼 이상한 렌더링

반경, 색상 및 테두리를 사용하여 CSS로 버튼의 스타일을 지정하면 모양이 좋지만 iphone / ipad / ipod에서는 끔찍한 것처럼 보입니다 ... Safari Desktop과 같은 렌더링이 아니어야합니까 ??

222 iphone css ipad mobile-safari mobile-webkit

12

HTML에서 눈물을 어떻게 만듭니 까?

웹 페이지에 표시 할 모양을 만들려면 어떻게합니까? 이미지 크기 조절시 흐릿 해지기 때문에 이미지 를 사용하고 싶지 않습니다. 나는 CSS로 시도했다 : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> 코드 스 니펫 실행Hide …

222 html css svg css-shapes

7

html 테이블 행에서 텍스트를 가운데에 맞추는 방법은 무엇입니까?

HTML을 사용하고 있으며 각 셀의 가운데에 <table>텍스트를 정렬하고 싶습니다 <td>. 텍스트를 가로와 세로로 가운데 정렬하려면 어떻게합니까?

222 html css

17

HTML 목록 스타일 형식 대시

대시 (예 :-또는 – &ndash;또는 — &mdash;) 를 사용하여 HTML로 목록 스타일을 만드는 방법이 있습니까? <ul> <li>abc</li> </ul> 출력 : - abc li:before { content: "-" };나는 그 옵션의 단점을 알지 못하지만 (그리고 피드백을 받아야 할 의무가 있지만) 와 같은 것을 사용 하여이 작업을 수행했습니다 . 더 일반적으로, 나는 목록 …

222 html css xhtml html-lists

16

ID와 클래스의 차이점은 무엇입니까?

무슨 사이의 차이점 <div class="">과 <div id="">때 그것은 CSS에 관해서? 사용하는 것이 괜찮 <div id="">습니까? 다른 개발자가 두 가지 방법 으로이 작업을 수행하는 것을 보았으며 자체 교육을 받았으므로 실제로 이해하지 못했습니다.

222 html css class id

16

왼쪽 및 오른쪽에만 상자 그림자를 얻는 방법

해킹이나 이미지가없는 왼쪽 및 오른쪽 (가로?)면에 상자 그림자를 얻는 방법. 나는 사용하고있다 : box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); 그러나 그것은 사방에 그림자를줍니다. 요소 주위에 테두리가 없습니다.

222 html css

11

반응 형 부트 스트랩 탐색 모음의 중앙에 컨텐츠

부트 스트랩 탐색 모음에서 컨텐츠를 중앙에 배치하는 데 문제가 있습니다. 부트 스트랩 3을 사용하고 있습니다. 많은 게시물을 읽었지만 사용 된 CSS 또는 메소드가 코드에서 작동하지 않습니다! 나는 정말로 좌절했다. 그래서 이것은 나의 마지막 옵션과 같다. 도움을 주시면 감사하겠습니다! <!DOCTYPE html> <html> <head> <title>Navigation</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">  …

221 css twitter-bootstrap navbar

4

<fieldset>의 크기가 잘못되었습니다. `min-width : min-content`를 제거 할 수없는 것으로 보입니다

문제 나는이 <select>그 중 한 곳 <option>의 텍스트 값이 매우 깁니다. <select>표시된 텍스트를 잘라 내야하더라도 크기를 조정하여 부모보다 넓지 않게 하고 싶습니다 . max-width: 100%그렇게해야합니다. 크기를 조정하기 전에 : 크기 조정 후 원하는 것 : 그러나이 jsFiddle 예제 를 로드 하고 결과 패널의 너비를의 너비보다 작게 조정하면 <select>내부의 선택 영역 …

221 html width fieldset css

«css» 태그된 질문