나는 다음과 같은 CSS 나는 이미지의 중간에 내 텍스트를 표시 할 필요가있는 동안 이미지의 하단에있는 텍스트를 표시하지만 내 bullet.png은 20 × 20 픽셀입니다이미지를 글 머리 기호로 사용할 때 목록 항목 (LI) 정렬을 정렬하는 방법이 있습니까?
.ul{
list-style-image:url(/images/bullet.png)
}
에게 있습니다. 텍스트 만 이동하는 여백 및 패딩을 할당하는 방법이 있습니까?
패딩 및 여백을 재설정하십시오.
사용 background-image 재산 (당신이 당신의 총알과 텍스트 사이의 공간을 원하는 경우 등) 이미지의 크기의 패딩을 설정
li
{
margin: 0;
padding: 0 20px 0 0;
background-image:url(/images/bullet.png);
background-repeat: no-repeat;
}
아니요. 글 머리 기호를 제거하고 LI에 패딩을 넣고 배경 이미지를 왼쪽과 가운데에 맞 춥니 다. background: url(images/bullet.png) no-repeat left center;.
덕분에 많은 그 작품을 아주 잘하고 브라우저에서. 'list-style-image'태그가 작동해야하며,이 점에서 본질적으로 쓸모가 없다는 점이 유감이지만, 브라우저에서 잘 보이는 한 괜찮습니다. –