การใช้ CSS ในกลาง: ข้อความและตาราง

โลกข้อมูลในทุกองค์ประกอบและเป็นตัวแทนโดยประมาณขององค์ประกอบคำพูดและตำราหรือในกรณีที่ผ่านมาอย่างเป็นทางการ - ข้อความและตาราง คุณสามารถพิจารณาอื่น ๆ ที่รู้จักกันอยู่แล้ว, โครงสร้างข้อมูล เช่นเดียวกับภาพ แต่จะใช้ CSS และ HTML ปัญหาในแง่ของการ จัดรูปแบบข้อความ ที่เหลือรูปแบบข้อมูลที่มีทัศนคติที่แตกต่างกัน

โครงสร้างของหน้าของเว็บไซต์ที่เหมาะสมที่เกี่ยวข้องกับการกำหนดตำแหน่งของแต่ละองค์ประกอบ HTML เอกสารอยู่เสมอ - ลำดับขององค์ประกอบบนจอแสดงผลที่ได้รับอิทธิพลโดยตรงจากสามกฎพื้นฐาน:

• ตำแหน่งแน่นอน (ตำแหน่ง);
• จุดในกระแส;
• ดัชนี z

ตัวเลือกที่พักอื่น ๆ นอกจากนี้ยังมีสิ่งที่สำคัญต้องใช้ความรู้มากขึ้นในการแก้ปัญหาด้วย CSS "ในใจกลางของข้อความ."

กลางและการจัดตำแหน่งกฎ

กฎ CSS เสริม HTML เอกสาร แต่ไม่มีสิทธิของหลังสามารถรับมือกับตัวเลือกในการจัดตำแหน่งใด ๆ การแพร่หลายของอุปกรณ์มือถือและการออกแบบของการดูแลในทิศทางของความเรียบง่ายมากขึ้นและ "ฉาก" ทำให้ปัญหาอยู่ตรงกลางในปัจจุบันในขณะที่การจัดตำแหน่งอื่น ๆ มักจะเสียค่า

องค์ประกอบหลักของหน้า - หน่วยอธิบายลักษณะบางอย่าง แนวนอนโดยทั่วไปการจัดตำแหน่ง: text-align สามารถใช้ตามที่ได้เกิดขึ้นเพียงสี่ค่า (ซ้ายกลางขวา, ปรับ) คุณสามารถดำเนินการจัดตำแหน่งแนวตั้งโดยการรวมค่าของความสูงที่เหมาะสมและ line-height นี้:

{
ความสูง: 88px; // ในอัตรานี้
line-height: 88px; // CSS สำหรับศูนย์ข้อความ - แนวตั้ง
}

คุณสามารถทดลองกฎระเบียบที่แตกต่างกัน ; แหล่งที่มาพบพูดถึงเกี่ยวกับการตีความของกฎในการแสดงบล็อก: ตารางแสดงผล: ตารางเซลล์และแนวตั้งชิด: กลาง แต่ก็ไม่เสมอมันทำงาน

การจัดแนวข้อความจากตาราง

โครงสร้างข้อมูลเดียวที่จะเข้าใจเป็นครั้งแรกและมีชีวิตอยู่ตลอด - โต๊ะ มันมีและแนวตั้งและแนวนอนในนอกจากนี้คำถามของวิธีการที่จะวางข้อความในศูนย์ CSS โดยใช้ตารางไม่ได้มีความหมายที่ซับซ้อน

การปฏิบัติที่มีอยู่ของการใช้กฎ CSS เพื่อให้บรรลุวัตถุประสงค์เฉพาะในการมาร์กอัปไม่เคยตอบสนองแนวคิดของแผ่น Cascading สไตล์ ไม่มีอะไรที่จะป้องกันไม่ให้นักพัฒนาที่จะดำเนินการจัดตำแหน่งในทิศทางใดโดยการวางเนื้อหาลงในเซลล์กลางของตารางของคอลัมน์ที่สามและสามแถว

การตัดสินใจครั้งนี้ไม่ได้มาตรฐาน แต่มีประสิทธิภาพ แทนที่จะเป็นเวลานานและพิถีพิถันในการแก้ปัญหาของหน้าเบราว์เซอร์หรือคาดว่าอัตรากำไรขั้นต้นซ้าย, ขวา, และอื่น ๆ . คุณสามารถใช้ความกว้างและแถวร้อยละซ้ำซากสูงของเซลล์ในตาราง

การจัดข้อความผ่าน JavaScript

คำถามที่ว่า "วิธีการวางข้อความศูนย์กลางใน HTML" ขั้นตอนวิธีการแก้ปัญหาประถมภาษาเบราว์เซอร์และมีการออกแบบที่จริงมากขึ้นและน่าตื่นเต้น

ไฟล์สไตล์การออกแบบไปแล้วในกระแสและเกือบทุกระบบการจัดการเนื้อหาที่เคารพตัวเองให้นักพัฒนาชุดรูปแบบสำหรับทุกโอกาส แต่ชีวิตมักจะต้องคอนกรีต: มันเป็นสิ่งจำเป็นในแต่ละครั้งจากรอยขีดข่วนที่จะคิดว่ามันเป็นอย่างไรที่มีข้อความ CSS ในสถานที่กลาง ตัวเลือกสำหรับวัตถุประสงค์ในการจัดตำแหน่งในหน่วย "กาว" ที่ด้านข้างของหน้า แต่เพราะผมมีขนาดเมนูแทบจะไม่เหมาะบล็อกป๊อปอัพซึ่งถูกสร้างขึ้นจากองค์ประกอบที่แตกต่างกัน

ที่มองเห็นได้เป็นศูนย์กลาง - มันไม่ใช่เรื่องง่ายเสมอเพื่อป้องกันการซึ่งเป็นที่รู้จักกันที่ด้านซ้ายและวิธีการที่จำนวนพิกเซลไปทางขวาที่ด้านบนและไม่รับประกันว่าด้านล่าง - เป็นสายเกี่ยวกับการที่ควรจะดำเนินการจัดตำแหน่งแนวตั้ง

หนึ่งแนวโน้มว่ารูปแบบที่ควรจะกำหนดโดยเนื้อหา เว็บไซต์อื่น ๆ ที่มีข้อมูลของผู้เข้าชมภาพและเสียง - เท่านั้นนอกจากนี้ยังมีข้อความปกติ ว่าตัวละครที่มีเนื้อหาที่ต้องการ (นี้ไม่ได้นำไปใช้กับเว็บไซต์ที่เกี่ยวกับศิลปะ, ภาพวาด, เพลง, ฯลฯ ) - เป็นคำถามของข้อมูลที่จำเป็นเพื่อให้ผู้เข้าชม

นำเสนอรูปแบบและบริการของข้อความและ HTML

มันเกิดขึ้นที่เป็นองค์ประกอบแบ่งแยกเนื้อหาหน้า - ข้อความและไม่ได้คำว่า ความหมาย - เป็นความสามารถของนักพัฒนา (เจ้าของเว็บไซต์) ที่จริงข้อความที่สามารถส่งที่ป้ายเดียวคือประโยคธรรมชาติสามารถไม่เพียงลำดับของตัวอักษรและลำดับของแท็กที่มีตัวละคร จากนี้มันตามที่ "ยาก" CSS "ในใจกลางของข้อความ" สามารถวางได้เฉพาะในกรณีที่เรียบง่าย

เซิร์ฟเวอร์คำขอส่งผู้ร้ายข้ามแดนสำหรับเบราเซอร์เป็นวงกว้างมากและมีองค์ประกอบหลาย ๆ ที่ไม่เกี่ยวข้องเสมอกับสิ่งที่จะแสดง เมื่อมีการออกแบบรูปแบบของหน้ามันเป็นสิ่งสำคัญที่จะให้ความสำคัญในแง่ของการนำเสนอโดยเฉพาะอย่างยิ่งการจัดตำแหน่ง สิ่งที่ดีกว่าที่จะทำบนเซิร์ฟเวอร์ที่ลูกค้าที่อยู่ในเบราว์เซอร์ ไม่เคยพึ่งพากฎ CSS, มุ่งเน้นผลลัพธ์ที่ได้คือจริงมากขึ้น