img 대체 텍스트를 줄 바꿈 할 수 있습니까?

이미지를 100x75로 CSS 스타일로 설정했습니다. 로드하지 않으면 대체 텍스트가 공간으로로드되지만 컨테이너는 100px 너비 이상으로 확장됩니다.img 대체 텍스트를 줄 바꿈 할 수 있습니까?

어떻게 방지 할 수 있습니까? 잘라내거나 감싸는 것.

2010-04-28 Khan

글쎄, 나는 그것을 어느 정도 이해했다. 방금 같은 크기의 컨테이너에 이미지를 래핑했습니다. 필자의 브라우저 (파이어 폭스)는 인라인 요소 였기 때문에 텍스트를 줄 바꿈하지 못했을 것입니다.

답장을 보내 주셔서 감사합니다.

2010-04-28 18:14:47 Khan

일반적으로 대체 텍스트를 표시하는 방법을 제어 할 방법이 없으며 대부분의 브라우저는 자체 버전을 생성합니다 (일부는 툴팁 사용, 일부는 하단의 상태 표시 줄에서 사용). 대체 텍스트에서는 마크 업을 사용할 수 없지만 일부 브라우저는 줄 바꿈을 줄 바꿈으로 표시합니다 (대부분은 그렇지 않습니다). 자세한 내용은 this article을 참조하십시오.

출처

2010-04-28 16:52:09

가능한 한 오랫동안 대체 텍스트가 없습니다.

출처

2010-04-28 16:54:17 Kurru

alt 속성은 대체 텍스트 용입니다. 그것은 짧아야하고 그것이 가지고있는 기능이나 그것이 나타내는 내용을 기술해야합니다.

여기 Roger Johansson on 456 Berea Street에서 주제에 좋은 읽기입니다 - 모두 Writing good alt text

모든 당신이 단락을 작성하는 경우, 당신은 잘못하고 있어요. longdesc 속성 (alt 텍스트를 보완하는 이미지를 설명하는 페이지에 대한 링크)을 사용하십시오.

HTH

출처

2010-04-28 17:56:40 Karinne

이미지를 100x75로 스케일링하는 자동차의 검색 결과입니다. "2010의 Honda 일치"는 100px를 넘어 간다. .. – Khan

그것은 단지 일해야한다 "차"를 시험해 보라 :) –

Firefox의 경우 align:left 속성을 사용할 수 있습니다. 이렇게하면 alt 텍스트가 이되어 정렬 문제가 발생하지만 사용 가능한 공간이 오버플로됩니다. 그 때문에 적절한 font-size 속성을 사용할 수 있습니다. 또한

출처

2011-05-11 10:07:15

이

당신이 이미지에 overflow: hidden;를 사용할 수 있습니다. 이미지 테두리를 가로 지르는 대체 텍스트를 숨 깁니다. 텍스트를 감싸지는 않겠지 만.
또한 alt 텍스트 크기를 줄이십시오.

#idlogo img {  
    overflow: hidden; 
    font-size: 10px; 
}

대체 텍스트의 목적은 화면 판독기가 이미지에 대해 알려 것입니다, 그래서 대체 텍스트 크기를 줄이고 오버 플로우가 최선을 해결해야 숨어 생각. 그러나 물론 긴 텍스트는 사용하지 않는 것이 좋습니다.

출처

2011-05-11 10:46:08 mangalbhaskar

img 대체 텍스트를 줄 바꿈 할 수 있습니까?

답변

관련 문제