รบกวนสอบถาม ผมพึ่งจะมาหัดปรับ CSS หนะครับ อาจจะถามอะไร ที่ ง่ายเกินไป
CSS ที่อยู่ใน style ไฟล์ html เลยนะครับ
พยายามจัดหน้าจอ ให้เป็น A4
เลยใส่อันนี้เข้าไป
<style>
/* Set A4 size */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@page {
size: A4;
margin: 0;
}
/* Set content to fill the entire A4 page */
html,
body {
width: 210mm;
height: 297mm;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
}
/* Style content with shaded background */
.content {
width: 80%;
/* Adjust the width as needed */
height: 80%;
/* Adjust the height as needed*/
padding: 20px;
box-sizing: border-box;
font-family: 'Chonburi', sans-serif;
background-color: #f0f0f0;
/* Light gray shade */
}
div.mydate{
text-align: right;
padding-bottom: 20px;
}
ในรูปแบบการพิมพ์จดหมาย อยากให้วันที่ ออกหนังสือ เริ่ม พิมพ์จากตรงกลางหน้า (ไม่ใช่ text-align: center นะครับ)
ตรง div.mydate จะกำหนดจุดเริ่มต้นที่จุดกลางหน้า ยังไงครับ
ขอบคุณครับ
<html><body><div class="mydate">24-Apr-2024</div></body></html>
CSS in HTML
CSS ที่อยู่ใน style ไฟล์ html เลยนะครับ
พยายามจัดหน้าจอ ให้เป็น A4
เลยใส่อันนี้เข้าไป
<style>
/* Set A4 size */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@page {
size: A4;
margin: 0;
}
/* Set content to fill the entire A4 page */
html,
body {
width: 210mm;
height: 297mm;
margin: 0;
padding: 0;
justify-content: center;
align-items: center;
}
/* Style content with shaded background */
.content {
width: 80%;
/* Adjust the width as needed */
height: 80%;
/* Adjust the height as needed*/
padding: 20px;
box-sizing: border-box;
font-family: 'Chonburi', sans-serif;
background-color: #f0f0f0;
/* Light gray shade */
}
div.mydate{
text-align: right;
padding-bottom: 20px;
}
ตรง div.mydate จะกำหนดจุดเริ่มต้นที่จุดกลางหน้า ยังไงครับ
ขอบคุณครับ
<html><body><div class="mydate">24-Apr-2024</div></body></html>