programing

이미지 높이와 너비가 작동하지 않습니까?

codeshow 2023. 3. 18. 09:11
반응형

이미지 높이와 너비가 작동하지 않습니까?

이 투고에서는, 이미지의 높이와 폭을 설정해, HTML 로 명확하게 표시됩니다.

[url 삭제]

그러나 브라우저 또는 Wordpress로 인해 이미지가 동일한 크기로 유지됩니다.

좀 더 작게 해달라고요?

글을 써야 합니다.

<img src="theSource" style="width:30px;height:auto;" />

인라인 스타일링은 항상 CSS 스타일링보다 우선합니다.너비 및 높이 속성이 스타일시트에 의해 재정의되므로 이 형식으로 전환해야 합니다.

CSS에 폭과 높이를 덮어쓰는 클래스가 있습니다.이 클래스는 다음과 같습니다.

.postItem img {
    height: auto;
    width: 450px;
}

이 항목과 너비/높이 속성을 삭제합니다.img태그는 동작합니다.

http://www.markrafferty.com/wp-content/w3tc/min/7415c412.e68ae1.css

행 11:

.postItem img {
    height: auto;
    width: 450px;
}

CSS를 편집하거나 Mageek의 음악을 듣고 INLINE STYLE을 사용하여 발생하는 CSS 스타일링을 덮어쓸 수 있습니다.

<img src="theSource" style="width:30px;" />

이미지 자체의 크기가 비례적으로 조정되지 않을 수 있으므로 너비와 높이를 모두 설정하지 마십시오.하지만 마섹의 예처럼 원하는 대로 치수를 설정할 수 있습니다.

우선 아래와 같은 .css 파일을 가리키는 링크 태그가 있는지 확인해 주세요.왜냐하면 제가 사용하고 싶은 .css 파일을 지정하기 위해 링크 태그를 사용하지 않았기 때문입니다.또한 바보처럼 이 파일의 문제가 궁금해서 페이지를 새로 고쳤습니다.당황하지 않으시면 먼저 확인하시고 위의 답을 시도해 보세요.도움이 됐으면 좋겠네요.

 <link rel="stylesheet" href="ProjectStyle.css">

언급URL : https://stackoverflow.com/questions/10270075/image-height-and-width-not-working

반응형