2013-02-27 4 views
1

Я решил переделать свой неупорядоченный список в виде таблицы. Тем не менее, я хотел бы, чтобы начало каждой строки имело тот же символ круга, что и для неупорядоченного списка, так что моя таблица по-прежнему выглядит как мои другие списки на странице.HTML специальный символ для типа списка круг

Я просмотрел множество веб-страниц с специальными символами ASCI/HTML, но не смог найти этого персонажа! Есть ли кто-то или нет, чтобы иметь неупорядоченный список в качестве таблицы каким-то образом (я сомневаюсь в этом)?

+0

[http://unicode-table.com/en/](http://unicode-table.com/ru/), [http://www.unicode.org/charts/](http:/ /www.unicode.org/charts/) – slamborne

+0

Извините, что спам, но это тот персонаж, которого вы ищете? [Http://unicode-table.com/en/search/?q=black+circle](http://unicode-table.com/en/search/?q=black+circle)? – slamborne

ответ

0

Как об использовании только изображения. Круг действительно легко сделать и вставить на страницу. Также есть способ сделать это, используя CSS3 с радиусом границы или радиальным градиентом.

1

Пуля по умолчанию, используемая браузерами для визуализации элемента ul, не является символом, а графическим символом. Это можно увидеть, изменив настройки семейства шрифтов на странице: форма пули по умолчанию не изменяется. Более того, форма пули по умолчанию не определена в спецификациях и может варьироваться в зависимости от браузера. Большинство браузеров отображают его как черный круг, но относительный размер может отличаться. (Браузеры может на самом деле визуализации списка пули, поднимая глиф из некоторого шрифта, но это выходит за рамки авторского контроля, так и для практических целей это не символ.)

Таким образом, вы не можете сделать матч символов пули по умолчанию. Чтобы получить похожие пули в разных контекстах, вам нужно использовать тот же метод: либо ul, либо символы.

Пытаясь найти разумный матч, я обнаружил, что следующее дает, что Firefox и Chrome на Windows:

<style> 
.bull { 
    font-family: Arial; 
    font-size: 1.35em; 
    position: relative; 
    top: 0.15em; 
} 
</style> 
<span class=bull>&bull;</span> 

Однако IE использует существенно меньше размера списка по умолчанию пулю, так на нем, в выше код производит пулю, которая значительно больше.

Если вы используете символ как пуля списка, наиболее логичным выбором является U + 2022 BULLET «•», представляемый в HTML как &bull; (или как таковой). Он также очень безопасен, так как он присутствует практически во всех шрифтах.