通过添加 Width 属性将内容向左移动
P粉738046172
P粉738046172 2024-04-06 22:01:35
[CSS3讨论组]

我已经为主体提供了边距。 主要{左边缘:200px;右边距:200px;文本对齐:居中}

由于我想以两行而不是一行显示文本,因此我在样式中添加了 width 属性。

.p{字体大小:12px;宽度:200px}

这行可以用于以两行显示该段落,但它将文本移动到左侧。

即使我尝试

.p{字体大小:12px;宽度:200px;文本对齐:居中;对齐项目:中心};

该段落不会移动。它保持在左侧,未对齐。

我该如何解决这个问题。

P粉738046172
P粉738046172

全部回复(37)
PHP中文网用户-9004663

要将内容向左移动,可以通过添加CSS样式中的`margin-left`属性来实现。例如,如果你想将一个div元素的内容向左移动10像素,可以这样写:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n .move-left {\n margin-left: 10px;\n }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\【http://www.jiadingfang.com/b/hpuedy428659.html】【http://www.jiadingfang.com/b/dufibn253086.html】【http://www.jiadingfang.com/b/ybctxv189760.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。以下是一个示例:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n.move-left {\n margin-left: 50px;\n}\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\【http://www.jiadingfang.com/b/amdngu162957.html】【http://www.jiadingfang.com/b/eztvka936852.html】【http://www.jiadingfang.com/b/bofmch028741.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过修改 CSS 样式中的 `margin-left` 属性来实现。以下是一个示例:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n .move-left {\n margin-left: 50px;\n }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\【http://www.jiadingfang.com/b/wrkzef502346.html】【http://www.jiadingfang.com/b/efcgki097546.html】【http://www.jiadingfang.com/b/edacul786453.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。以下是一个简单的示例:\n\nHTML 代码:\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\【http://www.jiadingfang.com/b/qjkfds052746.html】【http://www.jiadingfang.com/b/bhlivq768135.html】【http://www.jiadingfang.com/b/xubdgj541279.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。例如,如果要将一个 div 元素的内容向左移动 20px,可以使用以下 CSS 代码:\n\n```css\ndiv {\n margin-left: 20px;\n}\n```【http://www.jiadingfang.com/b/ecqbds137492.html】【http://www.jiadingfang.com/b/nrtuoe709184.html】【http://www.jiadingfang.com/b/biacuw623497.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。例如,如果你想要一个 div 元素的内容向左移动,可以这样写:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n .move-left {\n margin-left: 50px;\n }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\【http://www.jiadingfang.com/b/htjaof534908.html】【http://www.jiadingfang.com/b/alwpms531986.html】【http://www.jiadingfang.com/b/ncqtzd029415.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。例如,如果你想要将一个段落向左移动 100px,可以这样做:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n.move-left {\n margin-left: 100px;\n}\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cp class=\【http://www.jiadingfang.com/b/pycrgh945318.html】【http://www.jiadingfang.com/b/qfypuv478935.html】【http://www.jiadingfang.com/b/smpkcj435726.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过在HTML元素中添加CSS样式`margin-left`属性来实现。例如,如果你有一个`\u003cdiv\u003e`元素,你可以这样设置它的样式:\n\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n\u003cstyle\u003e\n .move-left {\n margin-left: 50px;\n }\n\u003c/style\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n\n\u003cdiv class=\【http://www.jiadingfang.com/b/hsaikf913056.html】【http://www.jiadingfang.com/b/kqdutz574162.html】【http://www.jiadingfang.com/b/jovsaz295067.html】

PHP中文网用户-9004663

要将内容向左移动,可以使用CSS的`margin-left`属性。例如,如果你有一个类名为`.content`的元素,你可以将其宽度设置为100%,然后使用以下CSS代码将其向左移动:\n\n```css\n.content {\n width: 100%;\n margin-left: -50px; /* 这里的负值表示向左移动 */\n}\n```【http://www.jiadingfang.com/b/gnmuwb351082.html】【http://www.jiadingfang.com/b/lasryp038257.html】【http://www.jiadingfang.com/b/ymsztc846103.html】

PHP中文网用户-9004663

要将内容向左移动,可以通过设置元素的 CSS 样式中的 `margin-left` 属性来实现。以下是一个简单的示例:\n\nHTML 代码:\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\【http://www.jiadingfang.com/b/wyusqb369274.html】【http://www.jiadingfang.com/b/orpkxi215379.html】【http://www.jiadingfang.com/b/ygkwxd178459.html】

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号