Rumah > Artikel > hujung hadapan web > Bagaimana untuk Mencipta Pautan Boleh Diklik untuk Keseluruhan Div HTML yang Mengandungi Imej?
Dalam HTML/CSS, mencipta pautan untuk keseluruhan elemen div boleh dicapai melalui pelbagai pendekatan. Keperluan yang dinyatakan dalam pertanyaan adalah untuk mencipta pautan untuk div yang mengandungi imej yang berpusat secara menegak dalam div induknya. Walaupun penyelesaian awal yang melibatkan div bersarang dan gaya sebaris mungkin kelihatan boleh dilaksanakan, ia bercanggah dengan piawaian pengekodan HTML yang sah.
Untuk menangani isu ini, terdapat berbilang pilihan yang tersedia:
`
<br><a href="https://www.php.cn/link/2ca1ce4a65bf5b60c60bd7c4a89a33f9" rel="nofollow" target="_blank"></a></p> <pre class="brush:php;toolbar:false"><span style="display: inline-block; height: 235px; width: 184px; border: 2px solid black; text-align: center;"> <img src="myimage.jpg" height="62" width="180"> </span>
`
Kaedah ini memastikan bahawa imej kekal berpusat secara menegak dalam div induk, yang kini merupakan elemen blok sebaris yang disertakan dalam teg sauh.
`
<br><div id="parentdivimage" style="cursor: pointer;" onclick="window.location='https://www.php.cn/link/2ca1ce4a65bf5b60c60bd7c4a89a33f9';"></p> <pre class="brush:php;toolbar:false"><div id="childdivimage" style="position: absolute; top: 50%; height: 62px; margin-top: -31px;"> <img src="myimage.jpg" height="62" width="180"> </div>
<p><div style="cursor: pointer;"><br></p> <pre class="brush:php;toolbar:false"><a href="https://www.php.cn/link/2ca1ce4a65bf5b60c60bd7c4a89a33f9"> <div style="height: 235px; width: 184px; border: 2px solid black; text-align: center;"> <img src="myimage.jpg" height="62" width="180"> </div> </a>< ;/div>
`
Atas ialah kandungan terperinci Bagaimana untuk Mencipta Pautan Boleh Diklik untuk Keseluruhan Div HTML yang Mengandungi Imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!