วิธีลบการเยื้องออกจากรายการไม่มีการเรียงลำดับ?

ฉันต้องการลบการเยื้องออกจากulทั้งหมด ฉันพยายามตั้งmargin, padding, text-indentไป0แต่ไม่มีประโยชน์ ดูเหมือนว่าการตั้งค่าtext-indentเป็นจำนวนลบเป็นการหลอกลวง แต่นั่นเป็นวิธีเดียวที่จะลบการเยื้องได้หรือไม่

กำหนดรูปแบบรายการและแพ็ดดิงด้านซ้ายเป็นอะไร

ul {
    list-style: none;
    padding-left: 0;
}​

ul {
  list-style: none;
  padding-left: 0;
}

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

เพื่อรักษากระสุนคุณสามารถแทนที่list-style: noneด้วย list-style-position: insideหรือจดชวเลขlist-style: inside:

ul {
  list-style-position: inside;
  padding-left: 0;
}

ul {
  list-style-position: inside;
  padding-left: 0;
}

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

โซลูชันที่ฉันต้องการลบ <ul> การเยื้องเป็น CSS แบบครั้งเดียวง่าย ๆ :

ul { padding-left: 1.2em; }

<p>A leading line of paragraph text</p>
<ul>
    <li>Bullet points align with paragraph text above.</li>
    <li>Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. Long list items wrap around correctly. </li>
    <li>List item 3</li>
</ul>
<p>A trailing line of paragraph text</p>

โซลูชันนี้ไม่เพียงมีน้ำหนักเบา แต่มีข้อดีหลายประการ:

• มันจัดเรียงสัญลักษณ์ของ <ul> ให้ตรงกับข้อความในย่อหน้าปกติรอบข้าง (= เยื้องการลบ <ul>)
• บล็อกข้อความในองค์ประกอบ <li> ยังคงถูกเยื้องอย่างถูกต้องหากล้อมรอบเป็นหลายบรรทัด

ข้อมูลดั้งเดิม:
สำหรับ IE เวอร์ชัน 8 และต่ำกว่าคุณต้องใช้มาร์จิ้นซ้ายแทน:

    ul { margin-left: 1.2em; }

เพิ่มลงใน CSS ของคุณ:

ul { list-style-position: inside; }

สิ่งนี้จะวางองค์ประกอบ li ในเยื้องเดียวกับย่อหน้าและข้อความอื่น ๆ

Ref: http://www.w3schools.com/cssref/pr_list-style-position.asp

display:table-row; จะกำจัดการเยื้อง แต่จะเอากระสุนออก

ลบการขยาย:

padding-left: 0;

คุณสามารถให้ลิงค์หรือไม่ ขอบคุณฉันดูได้มากที่สุดตัวเลือก css ของคุณไม่แข็งแรงพอหรือคุณลองได้

padding:0!important;

ฉันมีปัญหาเดียวกันกับส่วนท้ายที่ฉันพยายามแบ่ง ฉันพบว่าสิ่งนี้ได้ผลกับฉันโดยลองใช้ข้อเสนอแนะสองสามข้อที่รวมกัน

footer div ul {
    list-style-position: inside;
    padding-left: 0;
}

นี่ดูเหมือนจะเก็บไว้ทางซ้ายภายใต้ h1 ของฉันและสัญลักษณ์แสดงหัวข้อย่อยภายใน div แทนที่จะออกไปทางซ้าย

การสาธิตสด: https://jsfiddle.net/h8uxmoj4/

ol, ul {
  padding-left: 0;
}

li {
  list-style: none;
  padding-left: 1.25rem;
  position: relative;
}

li::before {
  left: 0;
  position: absolute;
}

ol {
  counter-reset: counter;
}

ol li::before {
  content: counter(counter) ".";
  counter-increment: counter;
}

ul li::before {
  content: "●";
}

เนื่องจากคำถามเดิมไม่ชัดเจนเกี่ยวกับข้อกำหนดฉันจึงพยายามแก้ไขปัญหานี้ภายในแนวทางที่กำหนดโดยคำตอบอื่น ๆ โดยเฉพาะอย่างยิ่ง:

• จัดแนวรายการกระสุนด้วยข้อความย่อหน้านอก
• จัดหลายบรรทัดภายในรายการเดียวกัน

ฉันต้องการโซลูชันที่ไม่พึ่งพาเบราว์เซอร์ที่ยอมรับว่าใช้ช่องว่างภายในเท่าใด ฉันได้เพิ่มรายการที่เรียงลำดับแล้วเพื่อความสมบูรณ์

ทำแบบอินไลน์นี้ฉันตั้งระยะขอบเป็น 0 (ul style = "margin: -0px") สัญลักษณ์แสดงหัวข้อย่อยสอดคล้องกับย่อหน้าโดยไม่มีสิ่งที่แขวนอยู่