แท็ก กำลังดำเนินการอยู่การโอนแถว, แยกแถว: ที่เก็บข้อมูลแฟลช
ผลลัพธ์:
ตำแหน่งด้านหลังจะถูกดึงมาจากแถวใหม่ ใหญ่กว่ายืนอยู่ระหว่างแถว
ที่เก็บข้อมูลแฟลช
แนวตั้ง:
นี้ได้ถูกโอนดังนั้นข้อความ
ตำแหน่งด้านหลังจะถูกสร้างขึ้นจากแถวใหม่
ทางด้านขวาคือแท็ก
มิฉะนั้น
การโอนแถวจะราบรื่นและแม่นยำยิ่งขึ้น
ก้น:ผลลัพธ์: แค่พิมพ์ก้นเยอะมาก.
ข้อความที่พิมพ์จะแสดงในลักษณะเดียวกับการแสดงวิธีการแสดง
ชั้นเรียนนี้
ทุกสิ่งที่คุณจำเป็นต้องรู้และรูปลักษณ์ที่เป็นผลมาจากก้นลดลงเล็กน้อย:CSS ชนอยู่ระหว่างแถว vikorist และ power line-height
ในการจัดการระยะห่างระหว่างแถว (เรียกว่าการอินไลน์) จะมีการตั้งค่ากำลังสไตล์ของความสูงของบรรทัด
ตามค่าที่ระบุ จะมีการระบุจำนวนร้อย ซึ่งระบุช่วงระหว่างแถว
ตัวอย่างเช่น:
ความสูงของบรรทัด: 2 ชุดระยะห่างย่อย
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1 line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1 line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
|
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
HTML ย้ายแถว ยืนระหว่างแถวในแนวตั้ง vikoryst และ css power line-height
แค่พิมพ์ก้นเยอะมากข้อความประเภทถูกพิมพ์และเพื่อแสดงวิธีการแสดงเวอร์ชันใหม่ของสิ่งนี้และพลังอื่น ๆ ของ css และพารามิเตอร์อื่น ๆ ในคลาสนี้
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1 line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1 line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1 line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
|
, แยกแถว:
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
line-height: 100% ตั้งค่าระยะห่างเดี่ยวที่คล้ายกับ line-height: 1
ผลลัพธ์ที่ได้:
บางครั้งอาจมีความขัดแย้งด้านสไตล์ และเพื่อแก้ไข คุณจำเป็นต้องเปลี่ยนพารามิเตอร์ที่อยู่ตรงกลางขององค์ประกอบนี้บน div ให้ต่ำลงเล็กน้อยรวมถึงการควบคุมการทำงานกับข้อความ ซึ่งช่วยให้คุณแก้ไขปัญหาเกี่ยวกับข้อความที่ถูกย้ายและข้อความที่ถูกครอบตัดระหว่างข้อความเหล่านั้น
พลัง CSS3 สำหรับการจัดรูปแบบข้อความ
1. ครอบตัดแถวข้อความล้น
ผู้มีอำนาจอนุญาตให้คุณกระจายข้อความสองข้อความในแต่ละครั้งหากไวน์ไม่พอดีกับภาชนะให้ตัดจุดใด ๆ หรือทั้งสามรายการออกด้วยสายตา
พลังงานจะทำงานเมื่อได้รับพารามิเตอร์ต่อไปนี้เท่านั้น: ตั้งค่าความกว้างของคอนเทนเนอร์ องค์ประกอบถูกตั้งค่าเป็นโอเวอร์โฟลว์: ซ่อนไว้ และช่องว่างสีขาว: nowrap
จิไม่ลดลง
ไวยากรณ์
P (กว้าง: 300px; ล้น: ซ่อน; ช่องว่างสีขาว: nowrap; ข้อความล้น: จุดไข่ปลา; ) เล็ก
1. ตัดแต่งข้อความเพื่อเพิ่มพลังให้กับข้อความล้น
พลังงานจะทำงานเมื่อได้รับพารามิเตอร์ต่อไปนี้เท่านั้น: ตั้งค่าความกว้างของคอนเทนเนอร์ องค์ประกอบถูกตั้งค่าเป็นโอเวอร์โฟลว์: ซ่อนไว้ และช่องว่างสีขาว: nowrap
2. ย้ายตรงกลางของตัวแบ่งคำ
ในสถานการณ์ฉุกเฉิน คำจะถูกถ่ายโอนไปยังแถวอื่นในตำแหน่งที่มีการเว้นวรรคหรือยัติภังค์ (“อันเป็นผลมาจากการถ่ายโอน”) หรือในกรณีของการถ่ายโอนพรีมัสจากองค์ประกอบแทน
- พาวเวอร์นี้ช่วยให้คุณสร้างกฎสำหรับการโอนแถวตรงกลางเพื่อให้แถวทั้งหมดครอบคลุมพื้นที่ตรงกลางคอนเทนเนอร์โดยสมบูรณ์
พลังงานจะทำงานเมื่อได้รับพารามิเตอร์ต่อไปนี้เท่านั้น: ตั้งค่าความกว้างของคอนเทนเนอร์ องค์ประกอบถูกตั้งค่าเป็นโอเวอร์โฟลว์: ซ่อนไว้ และช่องว่างสีขาว: nowrap
อย่าทำรุนแรงกับ CJK-moves (จีน-ญี่ปุ่น-เกาหลี)
-
3. ย้ายจากซ้ายไปแถวตัดคำ
ลดลง
P (ตัวแบ่งคำ: ปกติ;) p (ตัวแบ่งคำ: แบ่งทั้งหมด;) p (ตัวแบ่งคำ: เก็บทั้งหมด;)
มันจะค้างเมื่อข้อความไม่พอดีกับคอนเทนเนอร์และเกินขอบเขต ช่วยให้คุณสามารถขยายคำเก่าและย้ายไปยังแถวถัดไปลดลง นี่จำเป็นเฉพาะในกรณีที่ค่าช่องว่างอนุญาตให้เว้นระยะห่างระหว่างแถวได้ P (การตัดคำ: ปกติ;) p (การตัดคำ: แบ่งคำ;)
ยี่
คงจะไม่ดีสำหรับคุณที่จะสร้างปุ่มที่ส่วนท้ายของแต่ละหน้าสำหรับเว็บไซต์ของคุณหรืออะไรทำนองนั้น
สิ่งนี้จะเป็นประโยชน์มากขึ้นสำหรับผู้ใช้ทรัพยากรอันมีค่าของคุณ ขอบคุณสำหรับความคิด!ในอนาคตอันใกล้นี้ ฉันจะเริ่มตกแต่งเทมเพลต
ฉันรักคุณ. ที่จริงแล้วใน HTML แถวที่ถ่ายโอนสามารถสร้างได้สองวิธี
คุณจำเป็นต้องใช้แท็กเฉพาะในกรณีที่คุณไม่จำเป็นต้องเริ่มย่อหน้าใหม่ แต่เพียงป้อนข้อความในแถวใหม่
ตัวอย่างเช่น คุณต้องเขียนบทกวีหนึ่งข้อ
เพื่อหลีกเลี่ยงการวางแถวบนสุดของสกินในแท็กย่อหน้า คุณสามารถเขียนแท็กที่ส่วนท้ายของแถวสกินได้
แล้วแถวรุกก็จะเลื่อนลงมา
แกนนั้นง่ายมาก
ไม่ควรใช้แท็กเป็นทางเลือกแทนย่อหน้า
โปรดจำไว้ว่าระหว่างย่อหน้ามีช่องเปิดที่มีความสูงเท่ากับแถวว่างหนึ่งแถว
เมื่อโอนด้วยความช่วยเหลือเพิ่มเติม ทางเข้าจะออกมาน้อยลง
โอนเยอะทำยังไง?
}
และคุณควรทำอย่างไรถ้าคุณต้องการทำงานหลังจากข้อความใด ๆ ให้เข้าถึงสิ่งที่ตามมาแทน
มีสองทางเลือกในการหาเงิน
คุณสามารถเขียนแท็ก br ได้มากมาย
นี่คือวิธีที่คุณสามารถทำการโอนเงินได้อย่างไม่มีที่สิ้นสุด
ดีกว่าที่จะทำงานอย่างถูกต้องมากขึ้น
คุณสามารถกำหนดคลาสสไตล์ให้กับย่อหน้าที่ต้องการได้ จากนั้นใช้ CSS เพื่อติดตั้งระยะขอบขนาดใหญ่ที่ด้านล่าง
ย่อหน้า
แอบซัค( ขอบล่าง: 100px;งานประเภทใดจะมีสิทธิ์เข้าถึงด้านล่าง 100 พิกเซล
เห็นได้ชัดว่าทุกคนสามารถลงทะเบียนการเข้าถึงได้
.
หากจำเป็นต้องเพิ่มตำแหน่งแนวตั้งระหว่างแถวเหล่านี้ที่คุณแทรกการถ่ายโอน ให้สร้างการถ่ายโอนแถวย่อยโดยการแทรกแท็ก
ทั้งสองคนนอนหลับพักผ่อนบ้าง
<br>
การโอนแถวจะราบรื่นและแม่นยำยิ่งขึ้น
หากต้องการโอนคำพูดที่ไม่เหมาะสมไปยังแถวใหม่ ให้ใช้แท็ก br
ไชโย อีกข้อเสนอในแถวใหม่
ก้นจริง:
อ.บล็อก
ร้านขายยา Nich street likhtar,
ไม่มีความลึกและมีแสงสว่างในความมืด
มีชีวิตอยู่อีกหนึ่งในสี่ของศตวรรษ
ทุกอย่างจะเป็นเช่นนี้
ไม่มีทางออกไปได้
และทุกอย่างจะเกิดซ้ำเหมือนเดิม:
นิช ช่องสะพานคริชานา
การโอนแถวจะราบรื่นและแม่นยำยิ่งขึ้น
ร้านขายยา Nich street likhtar,
ไม่มีความลึกและมีแสงสว่างในความมืด
มีชีวิตอยู่อีกหนึ่งในสี่ของศตวรรษ
ร้านขายยา ถนน ลิคตาร์
ทุกอย่างจะเป็นเช่นนี้
ไม่มีทางออกไปได้
และทุกอย่างจะเกิดซ้ำเหมือนเดิม:
นิช ช่องสะพานคริชานา
ไม่มีทางออกไปได้
ถ้าตายก็จะตายอีก
มันมีลักษณะอย่างไร:
คุณได้เดาแท็ก br แล้วหรือยัง?
ความจำเป็นในการใช้แท็กนี้ชัดเจนเพื่อถ่ายโอนแถว "เหมือนใน Word" (เพื่อหลีกเลี่ยงผู้สื่อข่าวที่ไม่ได้รับแจ้ง) โดยการเขียนการเคลียร์หลายสิบครั้งในภายหลัง แต่จะไม่ทำงาน
ทำไมคุณไม่เห็น?
เนื่องจากไม่ว่าเบราว์เซอร์จะถือว่าเป็นช่องว่างจำนวนเท่าใด ไม่ใช่แถวที่ถ่ายโอน เบราว์เซอร์จะลบช่องว่างโดยอัตโนมัติ
จำเป็นต้องโอนแถวเพื่อจุดประสงค์ใด
อาเล เน วาร์โต ซโลโวชิวัต แท็ก
เพื่อให้คุณมีพื้นที่ว่างระหว่างแถวมากขึ้น ซึ่งทำได้ดีที่สุดด้วยเครื่องมือ HTML+CSS พื้นฐาน
เป็นที่ยอมรับไม่ได้ที่จะสร้างย่อหน้าใหม่หรือ "เริ่มต้นย่อหน้า" (ซึ่งถือเป็นแนวทางที่ไม่ดี) - โดยไม่ต้องย้ายแถว!
หากต้องการสร้างและทำเครื่องหมายย่อหน้า คุณควรใช้แท็ก p และเพื่อให้มองเห็นได้ชัดเจนยิ่งขึ้นระหว่างย่อหน้า ให้เปลี่ยนสไตล์ชีตแบบเรียงซ้อน เช่น เพิ่ม:
ขอบบน: 40 px;
โบนัส - br ชัดเจน
คุณจะทำอย่างไรเพื่อให้ข้อความที่คุณวางแถวที่กำลังเคลื่อนที่ไม่ไหลไปรอบ ๆ องค์ประกอบลอย (ไม่ว่าจะเป็นรูปภาพที่มีการตั้งค่าการจัดแนวหรือองค์ประกอบที่มีอำนาจลอย) แต่เริ่มต้นด้านล่างองค์ประกอบ
คุณสามารถใช้แอตทริบิวต์ที่ชัดเจนได้
สมมติว่าเรามีรูปภาพที่จัดชิดซ้าย (align=”left”)
ที่เก็บข้อมูลแฟลช
เป็นไปได้ไหมที่จะติดตั้ง?
หรืออย่างอื่น จากนั้นข้อความที่อยู่หลังแท็ก(แถวหน้าที่เรารับได้) จะปรากฏเป็นรอยใต้ตัวทารก
ความหมายอื่นของแอตทริบิวต์แท็กที่ชัดเจน
เกิดขึ้นว่าเราต้องการปกป้องแถวที่ถูกย้ายและหลีกเลี่ยงการย้ายข้อความไปยังแถวใหม่: ระหว่างสองคำเฉพาะหรือที่จุดเริ่มต้นของย่อหน้า
ข้อความของคุณ
แกนเป็นดังนี้:
ทำไมต้องหยุดแท็ก?
- บอกให้เบราว์เซอร์แสดงข้อความตรงกลางแท็กโดยไม่ต้องย้ายในแถวเดียว
- หากข้อความยาว เราจะมีตัวเลือกการเลื่อนแนวนอนแบบยาว และผู้อ่านของเราจะเลื่อนข้อความในแนวนอนเพื่ออ่านแบบเต็ม
อย่างที่เราเข้าใจมันไม่ง่ายเลย
- หากข้อความยาว เราจะมีตัวเลือกการเลื่อนแนวนอนแบบยาว และผู้อ่านของเราจะเลื่อนข้อความในแนวนอนเพื่ออ่านแบบเต็ม
เอลเต้ґ є! - หากข้อความยาว เราจะมีตัวเลือกการเลื่อนแนวนอนแบบยาว และผู้อ่านของเราจะเลื่อนข้อความในแนวนอนเพื่ออ่านแบบเต็ม
กระเป๋า - vikoristannya br, nobr, hr, p HTML - หากข้อความยาว เราจะมีตัวเลือกการเลื่อนแนวนอนแบบยาว และผู้อ่านของเราจะเลื่อนข้อความในแนวนอนเพื่ออ่านแบบเต็ม
ผมขอสรุปโดยสรุปสถิติ:
แท็ก
เพื่อแยกย่อหน้า
- เพื่อย้ายแถวตรงกลางย่อหน้า (ไม่อนุญาตให้ "สร้างย่อหน้า" ด้านหลังแท็กนี้ ไม่เช่นนั้นจะทำให้แท็กเสียหาย) - สำหรับสร้างเส้นแบ่งแนวนอน- เพื่อป้องกันการถ่ายโอนแถวจาก HTML
บทที่ 5
คุณมีบทเรียนอะไรบ้าง:
1. ค้นหาวิธีหาเงิน
รหัสเอชทีเอ็ม สำหรับเรามันชัดเจนและอ่านง่าย 2. มาดูวิธีการย้ายแถวข้อความอย่างถูกต้อง
รหัส html Robimo มีประโยชน์
รหัสของเราชัดเจนและอ่านง่าย เนื่องจากมีข้อความน้อยและแทบไม่มีแท็กเลย
ถ้าเราสร้างหน้าพับก็จะมีแท็กจำนวนมาก ดังนั้นจึงอาจเป็นเรื่องยากที่จะหาแท็กที่คุณต้องการ
เพื่อหลีกเลี่ยงไม่ให้แท็กยุ่งเหยิง คุณต้องจัดเรียงแท็กและแถวก่อนเพื่อให้กลิ่นซึมซับได้ง่ายขึ้น
![](/assets/413-lesson6-2.jpg)
เมื่อเบราว์เซอร์อ่านข้อมูลจาก
![](/assets/b9de7b9d.jpg)
หน้า html เนื่องจากในโค้ด html มีการถ่ายโอนแถวอย่างเข้มงวดดังนั้นสำหรับเบราว์เซอร์จึงเทียบเท่ากับการละเว้นหนึ่งครั้ง(เป็นช่องว่างหลักระหว่างคำในข้อความ)
หากเราย้ายส่วนหนึ่งของข้อความไม่ใช่หนึ่งแถวลง แต่เป็น 2 หรือ 3 (ไม่ว่าจะใหญ่เกินไป) เบราว์เซอร์ยังคงเป็นสิ่งสำคัญที่จะต้องเว้นวรรคที่สำคัญหนึ่งช่องระหว่างคำและเมื่อแสดงบนหน้าจอ ข้อความจะถูกเขียนใน หนึ่งแถว
แท็ก <br> เมื่อเราเรียนรู้เกี่ยวกับแท็กในบทเรียนที่สาม ฉันเดาว่ามีแท็กที่ไม่ปิดประตูแท็ก
<br>
![](/assets/39019390.jpg)
หนึ่งในนั้นใช้สำหรับถ่ายโอนแถว เมื่อเราเรียนรู้เกี่ยวกับแท็กในบทเรียนที่สาม ฉันเดาว่ามีแท็กที่ไม่ปิดประตูมาใส่ไว้ในโค้ด:
* เราใส่แท็กแล้ว
![](/assets/vico-d4f969.jpg)
โค้ด html ของเราตอนนี้ เมื่อคุณเรียกใช้ไฟล์ผ่านเบราว์เซอร์ ข้อความบางส่วนจะถูกถ่ายโอนไปยังแหล่งถัดไป
- อย่าลืมบันทึกการเปลี่ยนแปลงใน Notepad (Ctrl + S) และต่ออายุหน้าในเบราว์เซอร์ (F5)