Подгонка подгоняемых пуль точно - PullRequest
Новая
       10

Подгонка подгоняемых пуль точно

0 голосов
/ 30 сентября 2019

Поскольку ul не поддерживает список с дефисом, я создаю класс dash, который удаляет list-style и вставляет перед ним дефис, как показано ниже. 

<style>
ul.dash{list-style:none}
ul.dash>li:before{content:"\2013"}
</style>

ИЯ пишу следующий код. 

<ul><li>This is a sentence.</li></ul>
<ul class="dash"><li>This is a sentence.</li></ul>
<ul style="list-style:circle"><li>This is a sentence.</li></ul>
<ul style="list-style:square"><li>This is a sentence.</li></ul>

Здесь я хотел бы точно выровнять эти четыре списка. Все кроме второго хороши как родные. Я пытался управлять настройками padding и margin, но не смог найти номера по умолчанию. Спасибо.

1 Ответ

0 голосов
/ 30 сентября 2019

Я не думаю (насколько мне известно), что есть какой-то способ установить его идеально выровненным. но здесь я пытаюсь установить его с помощью position:absolute;, вы можете проверить ниже скрипку ... 

ul.dash{list-style:none;}
ul.dash>li:before{content:"\2013";margin-right: 10px;}
ul {
    position: relative;
    float: left;
    width: 100%;
}
li {
    position: absolute;
}
.dash li {
    left: 23px;
}
<ul><li>This is a sentence.</li></ul>
<ul class="dash"><li>This is a sentence.</li></ul>
<ul style="list-style:circle"><li>This is a sentence.</li></ul>
<ul style="list-style:square"><li>This is a sentence.</li></ul>

, а также вы можете сделать это, установив каждую пулю в ul.dash>li:before.

Спасибо!

...