問題:
清單樣式圖片的定位可以嗎調整了嗎?
背景:
當內邊距應用於列表項目時,列表樣式影像保持靜止,不受內邊距的影響。
答案:
直接定位list-style-image就是不可行,因為填充調整主要影響清單項目的內容。
替代解決方案:
背景和填充的組合
樣式可以模擬類似li { background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */ padding: 3px 0px 3px 10px; /* Reset default styles (optional): */ list-style: none; margin: 0; }
其他選項:
如果目標是定位清單項目本身而不是其項目符號圖像,請考慮設定父列表容器(ul ) 的樣式。有關此方法的見解,請參閱 Brad Frost 的文章「A List Apart」。以上是列表式圖片的位置可以調整嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!