Drupal文章排版求助：文本无法两端对齐、图片位置异常

一、实现文本两端对齐 #

• 编辑器内直接设置：
  若使用Drupal默认的CKeditor编辑器，先全选文本，点击工具栏里的「清除格式」按钮（带叉的刷子图标）清除复制文本的格式残留，再点击「对齐」按钮选择「两端对齐」。
• 自定义CSS强制生效：
  若编辑器设置被主题样式覆盖，可在主题自定义CSS文件（或通过「外观>设置>自定义CSS」输入框）添加以下代码：

  .node-content p {
    text-align: justify;
    text-justify: inter-word;
  }
  

二、实现图片右对齐 #

• 编辑器正确操作流程：
  插入图片时，点击图片打开属性对话框，在「对齐」选项中选择「右对齐」，同时确认「浮动」设置为「右浮动」；插入图片前确保光标位于段落合适位置，避免被复制文本的隐藏格式干扰。
• 自定义类+CSS强化：
  若编辑器对齐设置无效，在图片属性的「CSS类」字段输入align-right，再添加以下CSS代码：

  .node-content img.align-right {
    float: right;
    margin-left: 15px; /* 增加图片左侧间距，优化排版 */
    margin-bottom: 10px;
  }
  

三、额外检查项 #

• 进入「配置>内容创作>文本格式和编辑器」，找到你使用的文本格式（如「富文本」），检查过滤设置，确保允许使用text-align属性、float属性以及自定义CSS类，避免编辑器格式被过滤。

内容的提问来源于stack exchange，提问作者user4221591