การตั้งค่าความกว้างและความสูงบนแท็ก A

เป็นไปได้ไหมที่จะตั้งค่าความกว้างและความสูงเป็นพิกเซลบนแท็กจุดยึด ฉันต้องการให้แท็กจุดยึดมีภาพพื้นหลังในขณะที่เก็บข้อความไว้ในจุดยึด

li {
  width: 32px;
  height: 32px;
  background-color: orange;
}

li a {
  width: 32px;
  height: 32px;
  background-color: red;
}

<li><a href="#">Something</a></li>

คุณต้องสร้างจุดยึดของคุณมิdisplay: blockฉะนั้นdisplay: inline-block;จะยอมรับค่าความกว้างและความสูง

display: inline-blockนอกจากนี้คุณยังสามารถใช้ ข้อดีของสิ่งนี้คือจะกำหนดความสูงและความกว้างเหมือนองค์ประกอบบล็อก แต่ยังตั้งค่าแบบอินไลน์เพื่อให้คุณสามารถมีแท็กอื่นนั่งอยู่ข้างๆได้โดยอนุญาตให้มีพื้นที่หลัก

คุณสามารถดูข้อมูลเพิ่มเติมเกี่ยวกับคุณสมบัติการแสดงผลได้ที่นี่

คำแนะนำทั้งหมดนี้ใช้ได้ผลเว้นแต่คุณจะใส่จุดยึดไว้ในรายการ UL

<ul>
    <li>
        <a>click me</a>>
    </li>
</ul>

จากนั้นกฎสไตล์ชีตแบบเรียงซ้อนจะถูกแทนที่ในเบราว์เซอร์ Chrome ความกว้างจะกลายเป็นอัตโนมัติ จากนั้นคุณต้องใช้กฎ CSS แบบอินไลน์บนจุดยึดโดยตรง

มันไม่ได้เป็นที่แน่นอนซ้ำ (ดังนั้นเท่าที่ผมสามารถหาได้) แต่นี้เป็นปัญหาที่พบบ่อย

display:blockคือสิ่งที่คุณต้องการ แต่คุณควรอ่านข้อมูลจำเพาะเพื่อทำความเข้าใจว่าทำไม

ด้านล่างทำงานให้ฉัน

display: block;
width: 100%;