5
ใช้ CSS วิธีการ“ จัดแน่น” จัด“ A” ไปที่ด้านล่าง / สิ้นสุดของ“ B” โดยที่“ B” มีความกว้างและการตัดข้อความที่ไม่รู้จัก
ฉันมีตาราง "sortable" ที่ส่วนหัวของคอลัมน์เรียงปัจจุบันแสดงไอคอน: ไอคอนการเรียงจะแสดงที่ท้ายข้อความ (เช่นเรากำลังสนับสนุน LTR / RTL) display:flexฉันกำลังใช้ อย่างไรก็ตามหากความกว้างของตารางลดลงและข้อความส่วนหัวของคอลัมน์เริ่มล้อมรอบฉันทำงานในสถานะที่ไม่ชัดเจนซึ่งไม่ชัดเจนว่าจะเรียงคอลัมน์ใด: ฉันต้องการที่จะปฏิบัติตามข้อกำหนดต่อไปนี้แทน: ไอคอนจะถูก "ชิด" เสมอกับ "จุดสิ้นสุด" ของบรรทัดข้อความที่ยาวที่สุด (แม้ว่าเซลล์ / ปุ่มตัดจะกว้างขึ้น) ไอคอนควรจัดเรียงชิดล่างสุดกับแถวสุดท้ายของข้อความ ไอคอนไม่ควรพันบนบรรทัดของมันเอง ปุ่มต้องมีอยู่และควรขยายความกว้างเต็มของเซลล์ (เป็นสไตล์ภายในและมาร์กอัปสามารถเปลี่ยนแปลงได้ตามต้องการ) CSS และ HTML เฉพาะในกรณีที่เป็นไปได้ทั้งหมด ไม่สามารถพึ่งพาความกว้างของคอลัมน์ที่ทราบ / ชุดหรือข้อความส่วนหัว ตัวอย่างเช่น: ฉันได้รับการทดสอบด้วยพวงของการรวมกันของdisplay: inline/inline-block/flex/grid, position, ::before/::afterและแม้กระทั่งfloat(!) แต่ไม่สามารถรับพฤติกรรมที่ต้องการ นี่คือรหัสปัจจุบันของฉันแสดงให้เห็นถึงปัญหา: .table { border-collapse: collapse; width: 100%; } .thead { border-bottom: 3px solid #d0d3d3; …