Почему мое изображение не выравнивается по центру?

Question

Почему мое изображение не выравнивается по центру?

0

Я не могу понять, почему мой образ между меткой не совпадает с центром, хотя я объявил css inline, но приоритет не работает.

Я объявил text-align как оставляемый в <style>, но хочу, чтобы только этот тег выравнивал центр, а не другие.

вот мой html,

<td class="ospy_td" style="background-color:#ddd;border-bottom-left-radius:5px;style=text-align:center">
    <label class="ospy_lab" style="text-align:center">
        <img id="bt" src="img/bt.png" width="30" height="29" />
    </label>
</td>

Вот мой CSS, который анализируется в теге на той же странице html,

.ospy_td, label {
    text-align: left;
    vertical-align: middle;
    cursor: default;
    font-weight:normal;
    color:#0066c0;
};

CleanX 18 дек. 2013, в 18:31

Источник

2

Не могли бы вы очистить свой код (удалить кавычки из конкатенации строк и т. Д.) Или хотя бы скопировать + вставить исходный код страницы здесь?
melancia 18 дек. 2013, в 16:50
0

да сделал это, извините
CleanX 18 дек. 2013, в 16:52
1

Вы пропустили это или это действительно так в источнике? <\/label>
melancia 18 дек. 2013, в 16:56
1

Вы не можете вложить стиль в стиль: style = text-align: center находится в вашем атрибуте style.
Diodeus - James MacFarlane 18 дек. 2013, в 16:57
1

Ваш <img/> нуждается в display: inline или display: inline-block чтобы text-align имело какое-либо влияние.
André Dion 18 дек. 2013, в 16:58
0

Кроме того, у вас есть один стиль внутри другого, что неверно: style="background-color:#ddd;border-bottom-left-radius:5px;style=text-align:center"
melancia 18 дек. 2013, в 17:00
0

jsfiddle.net/sZ3LD
melancia 18 дек. 2013, в 17:07

Показать ещё 5 комментариев

Теги:

html

css

css3

css-float

stylesheet

2 ответа

-1

.ospy_td, label {
    text-align: left; // this is your problem, change to center
}

вы забыли точку с запятой здесь

 style="text-align:center"

изменить на

style="text-align:center;"

CRABOLO 18 дек. 2013, в 14:37

0

ОП хочет, чтобы все остальные были выровнены по левому краю, а этот - по центру. Вот почему используется встроенный стиль, чтобы переписать это правило.
melancia 18 дек. 2013, в 16:57
4

Точка с запятой необязательна для последнего свойства ...
André Dion 18 дек. 2013, в 17:00

Ещё вопросы

Не могли бы вы очистить свой код (удалить кавычки из конкатенации строк и т. Д.) Или хотя бы скопировать + вставить исходный код страницы здесь?
Вы пропустили это или это действительно так в источнике? <\/label>
Вы не можете вложить стиль в стиль: style = text-align: center находится в вашем атрибуте style.
Ваш <img/> нуждается в display: inline или display: inline-block чтобы text-align имело какое-либо влияние.
Кроме того, у вас есть один стиль внутри другого, что неверно: style="background-color:#ddd;border-bottom-left-radius:5px;style=text-align:center"
ОП хочет, чтобы все остальные были выровнены по левому краю, а этот - по центру. Вот почему используется встроенный стиль, чтобы переписать это правило.
Точка с запятой необязательна для последнего свойства ...

Andre Figueiredo · Accepted Answer · 2013-12-18T15-53-00.000Z

Я вижу здесь несколько ошибок в CSS и использование элементов html.

Но один из них, который создает проблему, является атрибутом style= inside style:

Удалите этот "стиль =", и все будет работать.

Изменение кода предложения (jsFiddle):

HTML

<table>
    <tr>
        <td class="ospy_td">
            <i class="ospy_lab" />
        </td>
    <tr>
</table>

CSS

table {
    width: 100%;
}
td {
    background: #66f;
    text-align: center;
}
.ospy_td {
    background-color: #ddd;
    border-bottom-left-radius: 5px;
    cursor: default;
    vertical-align: middle;
}
i.ospy_lab {
    background-image: (img/bt.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: normal;
    color: #0066c0;
    display: inline-block;
    height: 29px;
    width: 30px;
}