почему классовая маржа не работает? - PullRequest
5 голосов
/ 29 июня 2009

Код, как показано ниже:

<html>
<head>
<title>test</title>
</head>
<body>
<div><span>shanghai</span><span class="margin"> </span><span>male</span></div>
</body>
</html>

.margin {
    width:40px;
    height:auto;
}

Ответы [ 6 ]

10 голосов
/ 29 июня 2009

Вы не можете дать ему ширину, потому что это встроенный элемент.

Это свойство указывает содержание ширина ящиков генерируется блочные и заменяемые элементы. Это свойство не распространяется на незаменяемые элементы на уровне строки. - Свойство ширины CSS 2,1

Вы можете исправить это, сделав вместо этого блок или элемент встроенного блока:

display:inline-block

Однако это может не поддерживаться некоторыми браузерами. Вы, вероятно, можете достичь того же результата с этим, однако:

margin-left:40px
1 голос
/ 29 июня 2009

CSS должен идти в раздел head и также должен быть заключен в теги

0 голосов
/ 29 июня 2009

Мне кажется, проблема в том, что тег пуст. Просто поставьте "& nbsp;" между двумя тегами.

0 голосов
/ 29 июня 2009

Попробуйте поменять имя класса?

margin является атрибутом. Я не уверен, что CSS зарезервировал ключевые слова.

0 голосов
/ 29 июня 2009

положить

<style>
   .margin {    
     width:40px;    
     height:auto;
   }
</style>
0 голосов
/ 29 июня 2009

Вы должны указать, что это правило CSS: Способы включения CSS на вашу страницу .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...