gwt — выравнивание в режиме стандартов
спросил
Изменено 10 лет, 4 месяца назад
Просмотрено 1к раз
в соответствии с https://developers.google.com/web-toolkit/doc/latest/DevGuideUiPanels#Standards Я не должен использовать DockPanel, VerticalPanel, HorizontalPanel. Но это единственные панели, которые поддерживают hasverticalalignment и hashorizontalalignment. Как мне выровнять виджеты, если я хочу соответствовать стандартному режиму? Или я должен сохранить проект в его текущей форме, используя VericalPanel и HorizontalPanel, и игнорировать предупреждение, которое дает мне eclipse:
[ИНФОРМАЦИЯ] [проект] — GWT больше не поддерживает режим причуд. (document.compatMode=’BackCompat’).
Убедитесь, что ваше приложение HTML-страница хоста имеет стандартный режим (document.compatMode=’ CSS1Compat’) тип документа,
например. используя в начало HTML-страницы вашего приложения.Чтобы продолжить использование этого неподдерживаемый режим рендеринга и проблемы с макетом риска, подавите это сообщение, добавив
следующую строку в ваш модуль *.gwt.xml файл:
<свойство-расширения-конфигурации name="document.compatMode" значение="BackCompat"/>
P.S.: Я работаю в uibinder
- gwt
- uibinder
Большинство UI-экспертов считают использование таблиц для макетов плохой практикой. Эти макеты жесткие — они плохо адаптируются к размеру своего содержимого.
Вы можете построить любой макет без использования этих панелей. Выравнивание по горизонтали — самое простое: вы просто добавляете правило CSS «выравнивание текста: по центру» (слева, справа) к родительскому виджету. Для более интересных эффектов вы можете использовать «плавать: влево» или «плавать: вправо».
Выравнивание по вертикали немного сложнее, но обычно вы хотите, чтобы ваш контент располагался сверху вниз. Вы можете управлять вертикальным позиционированием, используя верхние и нижние поля или устанавливая высоту строки.
В Интернете можно найти множество отличных ресурсов по созданию гибких макетов. Большинство предлагаемых html и CSS-решений можно использовать с GWT, и Ui:Binder — очень удобный способ сделать это. Вы также можете выполнить поиск StackOverflow для решения любой проблемы, с которой вы сталкиваетесь.
Зарегистрируйтесь или войдите в систему
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя электронную почту и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
DOCTYPE HTML: исчерпывающее объяснение
Если вы зайдете на веб-сайт и проверите исходный код страницы, вы заметите это объявление перед элементом .
В этом посте вы узнаете, что такое DOCTYPE, почему он полезен и какова его история.
Вы также можете дополнить свое обучение этим видео:
Начнем!
1 Что такое ДОКТИП?
2 Причудливый режим
3 Немного истории о DOCTYPE html
Что такое DOCTYPE?
DOCTYPE означает Декларация типа документа , и это первая строка кода, необходимая в каждом документе HTML или XHTML.
Это важно, потому что разные версии HTML или XHTML имеют разные правила и синтаксис.
DOCTYPE — это , а не элемент HTML , например Это инструкция для браузера, как отображать код на веб-странице. Хорошей новостью является то, что вы должны использовать только Больше ничего. Даже тип документа XHTML. Любой другой DOCTYPE, кроме А знаете ли вы, что еще считается вредным? Отсутствие DOCTYPE на веб-странице. Отсутствие DOCTYPE заставит браузер отображать так называемый режим Quirks . Чтобы объяснить, что такое причудливый режим, мы должны вернуться в прошлое, когда в юрский период Всемирной паутины доминировали два основных браузера: В то время не было веб-стандартов, и разработчикам приходилось кодировать две версии одной и той же веб-страницы. Одна версия для Netscape Navigator и одна для Microsoft Internet Explorer. Только представьте себе радость… Наконец, когда веб-стандарты начали прорастать и пробивались из юрского периода, браузеры не могли просто начать их использовать, поскольку это сломало бы большинство существующих сайтов в сети. Итак, они начали относиться к новым сайтам не так, как к старым. На приведенном ниже изображении слева вы видите веб-страницу, отображаемую с помощью DOCTYPE, а справа — страницу без DOCTYPE, что означает, что она была обработана в специальном режиме. Давайте продолжим и посмотрим на некоторые различия между ними. Если вы не можете найти их на изображении выше, обязательно посмотрите видео, которое можно найти в начале этого поста. В необычном режиме страницы окружают поля, а на другой веб-странице таких полей нет. Еще одна вещь, абзац красный, а на другой странице — нет. Это потому, что имя класса чувствительно к регистру. Есть много других подобных причуд, но эти две должны дать вам представление о влиянии отсутствия объявления DOCTYPE на странице. Здесь вы можете найти исходный код, чтобы вы могли изучить его самостоятельно или использовать его для будущих ссылок 🤓 Если вы не можете сначала понять, отображается ли страница в режиме причуд или нет, запустите следующую строку в консоль браузера: Если значение равно Если значение равно Хорошо, надеюсь, теперь вы немного лучше понимаете, как появился DOCTYPE. Теперь давайте посмотрим, как выглядит старая версия DOCTYPE html. Это веб-сайт консорциума World Wide Web. на основе Doctype, он использует HTML 4. , но здесь есть еще одна вещь, в нем говорится Переход … используя XHTML 1 с Strict . Довольно интересно… Strict , Transitional, и Frameset действительно старые вещи. Это разновидность того, как браузер должен интерпретировать HTML-код веб-страницы. Strict сообщает браузеру, что он не должен использовать некоторые из этих устаревших функций: Вот фрагмент с примерами того, как выглядит устаревший код Transitional сообщает браузеру, что он может использовать устаревшие элементы, упомянутые выше, а также добавляет поддержку CSS 1. Вот пример того, как выглядит код CSS 1: Фреймсет — это вариант HTML 4 Transitional, в котором используется элемент Вот оно! 🎉 Надеюсь, теперь вы лучше понимаете, что такое DOCTYPE html и какая хаотичная история стоит за ним. или 
. , считается вредным и в настоящее время очень осуждается. Причудливый режим
document.compatMode "BackCompat" , веб-страница находится в режиме совместимости. Немного истории о DOCTYPE html
BASEFONT , CENTER , FONT , S и U : FRAMESET вместо известного элемента BODY .