“Плавающие” аннотации с HTML/CSS/JavaScript/whatever
private String loadResourceFileIntoString(String path) {
//path = "/resources/html/custom.css" for example
BufferedReader buffer = new BufferedReader(new InputStreamReader(getClass().getResourceAsStream(path)));
return buffer.lines().collect(Collectors.joining(System.getProperty("line.separator")));
}
1 ответ
Удовольствие от абсолютного позиционирования
.on-margin {
position: absolute;
right: 10%; /* right margin from the containing box */
}
Как это работает: При абсолютном позиционировании вы обычно указываете по одному из каждого правого / левого и пары атрибутов верхний / нижний . Однако вам не обязательно: если вы не укажете атрибут top , он останется на auto , то есть в текущей строке.
Уточнение: после внимательного прочтения, я считаю, что в спецификации CSS 2.1 не упоминается, что можно указать правильно: 10%; top: auto; и что спецификация не предписывает никакого поведения .
Примечание: Ранее я явно указывал display: block . Фактически, согласно спецификации , Отображение автоматически изменяется на блок для большинства абсолютно позиционированных элементов.
Протестировано: Safari 4.0, Firefox 3.6a1pre, Camino 2.0b3, Opera 10.00b1 / Mac
Ссылки: Визуальная модель CSS 2.1 , моя страница-витрина , ответ на связанный вопрос .
Re: обновление. Это идеально подходит для больших блоков. Обратите внимание, что HTML не любит, когда div , заголовок или подобный «большой» тег помещается внутри p (и некоторые браузеры в этом случае нарушают p ), так что вам, возможно, придется найти обходной путь. Страница витрины обновлена примером.
Ссылки: Визуальная модель CSS 2.1 , моя страница-витрина , ответ на связанный вопрос .
Re: update. Это идеально подходит для больших блоков. Обратите внимание, что HTML не любит, когда div , заголовок или подобный «большой» тег помещается внутри p (и некоторые браузеры в этом случае нарушают p ), так что вам, возможно, придется найти обходной путь. Страница витрины обновлена примером.
Ссылки: Визуальная модель CSS 2.1 , моя страница-витрина , ответ на связанный вопрос .
Re: update. Это идеально подходит для больших блоков. Обратите внимание, что HTML не любит, когда div , заголовок или подобный «большой» тег помещается внутри p (и некоторые браузеры в этом случае нарушают p ), так что вам, возможно, придется найти обходной путь. Страница витрины обновлена примером.
p (и некоторые браузеры в этом случае нарушают работу p ), поэтому вам, возможно, придется найти обходной путь. Страница витрины обновлена примером. Тег помещается внутри p (и некоторые браузеры в этом случае нарушают работу p ), поэтому вам, возможно, придется найти обходной путь. Страница витрины обновлена примером.