이 페이지는 www.pixeli.ca/issue에서 살펴보십시오. CSS 프레임 워크 960.gs를 사용하여 페이지 레이아웃을 만들기 시작했습니다. 내 문제는 상단 이미지가있는 블록과 "hello"문자열이있는 파란색 블록 사이에 이상한 공간이 있다는 것입니다. 그래서 당신은 녹색 줄무늬가 전혀 보이지 않아야한다는 것을 알 수 있습니다. 나는 다른 변종을 시도했는데 무엇이 잘못되었는지 전혀 모른다. 나는 그 안에 이미지가있는 블록에서만 발생한다는 것을 알았지 만, 텍스트 만 있으면 공간이 생기지 않습니다. 감사합니다. .블록 간 html 세로 간격이 표시됩니다.
단순히 float:left을 이미지에 추가하면 이미지가 수정됩니다.
<img src="imagetop.png" style="float: left;"/>
약간 더 정확한 방법이 있지만 어째서인지, 왜 그런지 잘 모르겠습니다.
실제로 : background-image 및 height을 컨테이너에 설정하지 않는 이유는 무엇입니까? 그것은 일을하는 훨씬 더 깨끗한 방법 일 것입니다. 내가 각 CSS 시트의 시작 부분에 무엇을
도움이 모든 기본 공백을 제거하는이
*{
padding:0px;
margin:0px;
}
을 할 수 추가하고있다.
이미지는 인라인이며 텍스트로 처리됩니다. 따라서 기본 선과 같이 정렬되어 기본 선과 같이 약간의 공간이 추가됩니다.
표시 할 이미지 세트 : 차단되어 작동해야합니다.
또는 인라인 이미지가 반드시 필요한 경우 줄 높이를 0으로 설정하여 추가 된 공간을 제어 할 수 있습니다. –
또는 하단에 세로 맞춤을 설정하십시오. :) – easwee
부동 스타일을 왼쪽으로 설정하는 방법이 작동하지 않았습니다. 그 이미지를 배경으로 설정하려고 시도했지만 잘 작동하지만 문제는 다른 이미지를 배치해야 할 때입니다. 버튼, 나는 여전히 같은 문제가 있습니다. –
콘텐츠 이미지이므로 img로 삽입하는 것이 좋습니다. – easwee
오, 오, 미안하지만, 한 번만 더 해보았습니다. 코드를 제대로 보이게 만드는 것이 이상한 일이긴하지만. 어쨌든 이제는 고마워요. –