Chcę usunąć wszystkie wcięcia z ul
. Próbowałem ustawienie margin
, padding
, text-indent
do 0
, ale bezskutecznie. Wygląda na to, że ustawienie text-indent
liczby ujemnej jest wystarczające - ale czy to naprawdę jedyny sposób na usunięcie wcięcia?
260
Odpowiedzi:
Ustaw styl listy i lewe wypełnienie na nic.
Pokaż fragment kodu
Aby utrzymać kule można wymienić
list-style: none
zlist-style-position: inside
lub skrótlist-style: inside
:Pokaż fragment kodu
źródło
list-style-position: outside; padding-left: 1em;
na<ul>
1em
rzecz ma nieco magiczną wartość ... I tak naprawdę pozostało trochę wgłębienia.Moim preferowanym rozwiązaniem do usunięcia <ul> wcięcia jest prosty, jedno-liniowy CSS:
To rozwiązanie jest nie tylko lekkie, ale ma wiele zalet:
Starsze informacje: w
przypadku wersji IE 8 i niższych należy zamiast tego użyć marginesu:
źródło
ul { padding-left:1.2em; margin-left: 0; }
Dodaj to do swojego CSS:
Spowoduje to umieszczenie elementów li w tym samym tiret co inne akapity i tekst.
Patrz: http://www.w3schools.com/cssref/pr_list-style-position.asp
źródło
list-style-position: inside
wyrównuje tekst drugiej i wszystkich kolejnych linii z punktorem. To z pewnością nie jest pożądane.display:table-row;
pozbędę się również wcięcia, ale usunie pociski.źródło
Usuń wyściółkę:
źródło
Czy możesz podać link? dzięki Mogę rzucić okiem Najprawdopodobniej twój selektor css nie jest wystarczająco silny lub możesz spróbować
padding:0!important;
źródło
!important
jest EVILMam ten sam problem ze stopką, którą próbuję podzielić. Odkryłem, że to zadziałało, wypróbowując kilka powyższych sugestii łącznie:
Wydaje się, że to utrzymuje go po lewej stronie pod moją h1 i strzałami wewnątrz div, a nie na zewnątrz po lewej.
źródło
Demo na żywo: https://jsfiddle.net/h8uxmoj4/
Ponieważ pierwotne pytanie nie jest jasne, jakie są jego wymagania, próbowałem rozwiązać ten problem zgodnie z wytycznymi określonymi przez inne odpowiedzi. W szczególności:
Chciałem też rozwiązania, które nie opierałoby się na przeglądarkach uzgadniających, ile paddingu użyć. Dodałem uporządkowaną listę dla kompletności.
źródło
Robiąc to w linii, ustawiam margines na 0 (styl ul = "margin: -0px"). Punktory są wyrównane do akapitu bez nawisu.
źródło