cuốn sách gpt4 ai đã làm

html - giữa - hình nền và chiều rộng tự động

In lại Tác giả: Walker 123 更新时间:2023-11-28 12:32:47 27 4
mua khóa gpt4 Nike

我有一个横跨整个屏幕宽度的按钮:


我希望第一个段落标签中的文本居中,其背景图像紧挨着文本。问题是第一个

居中,背景图像不直接紧挨着文本。它将出现在按钮的最左侧。

这是 CSS:

.btn-default {
chiều rộng: 100%;
background-color: #ffffff;
border: 1px solid #dddddd;
color: #333333;
}

.center-copy{
căn chỉnh văn bản: giữa;
lề: 0 tự động;
chiều rộng: 100%;
tràn: ẩn;
}

p.answer-copy-1{
background-image: url("http://demo.omnigon.com/christian_bovine/greg/imgs/dots.png");
background-position: 0 0;
lặp lại nền: không lặp lại;
}

.question-results{
chiều rộng: 100%;
nổi: trái;
tràn: ẩn;
}

JSFiddle:http://jsfiddle.net/xtian/wrN9A/

câu trả lời hay nhất

您可以尝试以下方法:

对于背景为“点”的段落,添加hiển thị: khối nội tuyến,使其居中,这样背景就会对齐段落的左侧。

然后放置一个 padding-left 这样文本就不会覆盖在背景图片上。

如果您希望在居中文本之前添加一个点,请添加一个额外的负 margin-left,这样文本本身将再次处于绝对居中。

Như thế này:

p.answer-copy-1 {
hiển thị: khối nội tuyến;
background: url("http://demo.omnigon.com/christian_bovine/greg/imgs/dots.png") left top no-repeat;
đệm-trái: 15px;
margin-left:-15px;
}

参见 fiddle :http://jsfiddle.net/wrN9A/1/

关于html - 居中 - 背景图像和宽度自动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18133792/

27 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress