Question

我在View

中有这个代码

＆＃13;

  body .vr-list {
        padding: 0 20px !important;
        margin-top: 70px !important;
        text-align: left !important;
    }

＆＃13;

  <ol class="vr-list" style="padding-left:540px;padding-top:10px;">
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Обзор существующих технологий  и применяемых api </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Общие понятия WebGL</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Интерактивный 3D rendering </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Основные идеи виртуальной реальности</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Интерактивность и FPS</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">FPS и частота обновления экрана </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Процессорный цикл</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Человеческий глаз против камеры </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Построение базовой 3D сцены</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Свет и rendering</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">История появления первой 3D модели</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Баланс цвета и пропорции соотношения цветов. Работа с цветовыми кругами Джонаса Иттена </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">WebGL и three.js </span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Основы UI/UX дизайна для 3D сайтов</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Oсновные ошибки при построении 3D сцен</span></li>
                <li style=" font-size: 1.6em;list-style: decimal-leading-zero;margin: 0 0 0 2em;"><span style="font-size: 0.95em;">Выпускной курсовой проект</span></li>

            </ol>

＆＃13;

它显示列表，但<li>标记内的文字居中

这是屏幕。

Screen

如何让它在左边不居中？

Answer 1

您需要将text-align样式应用于li元素（不仅仅是主要的ul）：

body .vr-list li {
    text-align: left !important;
}

Answer 2

运行代码时会保留文本对齐。我认为你在其他地方使用过.vr-list课程。所以，这种风格是覆盖。 your code

Answer 3

你有没有理由使用内联样式而不是css？

尝试使用更具体的路径，例如

body #content ol.vr-list li { text-align:left}

有些东西显然会覆盖你的代码。我建议你不要使用！important。要么像我之前所说的那样写一个更具体的路径，要么找到导致覆盖的代码并改变它

我认为你左边的列表或者整个身体都有一些text-aling:center!important。这可能会导致问题

在<li>中浮动到左侧文本

3 个答案: