如何使用类和CSS调整我的li大小

时间:2017-09-09 03:57:41

标签: html css twitter-bootstrap bootstrap-4

我需要调整<li><a href="Next word needs resizing">WORD HERE NEEDS RESIZING</a></li>

的大小

以下是一些代码

<li> <a href="index.html"> Home </a> </li>
<li > <a href="#"> Computer Repairs </a> </li>
<li > <a href="#" > Shop </a> </li>
<li> <a href="#"> About </a> </li>
<li> <a href="#"> Contact </a> </li>

3 个答案:

答案 0 :(得分:1)

使用css font-size

li a {
  font-size: 30px;
}
<li> <a href="index.html"> Home </a> </li>
<li > <a href="#"> Computer Repairs </a> </li>
<li > <a href="#" > Shop </a> </li>
<li> <a href="#"> About </a> </li>
<li> <a href="#"> Contact </a> </li>

或者您可以添加课程:

.resize {
  font-size: 30px;
}
<li> <a href="index.html" class="resize"> Home </a> </li>
<li > <a href="#" class="resize"> Computer Repairs </a> </li>
<li > <a href="#" class="resize"> Shop </a> </li>
<li> <a href="#" class="resize"> About </a> </li>
<li> <a href="#" class="resize"> Contact </a> </li>

注意: 30px只是一个示例值,使用您想要的任何内容。

答案 1 :(得分:0)

你可以这样做:

# from __future__ import print_function


# import flask
from flask import Flask, render_template, url_for, redirect, flash, request, \
    session, current_app, abort
import os
# flask sqlaclhemy
from sqlalchemy import func, desc, asc, or_, and_

from flask_admin import Admin, AdminIndexView
from flask_admin.contrib.sqla import ModelView

# Flask secrutiy
from flask_security import (Security, SQLAlchemyUserDatastore, 
    login_required, current_user)
from flask_login import LoginManager
from flask_mail import Mail

# square connect setup
import uuid
import squareconnect
from squareconnect.rest import ApiException
# from squareconnect.apis.locations_api import LocationsApi
from squareconnect.apis.transactions_api import TransactionsApi




mail = Mail()

class CustomAdminIndexView(AdminIndexView):
    def is_accessible(self):
        return current_user.is_authenticated and current_user.has_role('admin')

def create_app():
    app = Flask(__name__)
    app.config.from_object(os.environ['APP_SETTINGS'])
    mail.init_app(app)
    from models import db, User, Role
    db.init_app(app)

    user_datastore = SQLAlchemyUserDatastore(db, User, Role)
    security = Security(app, user_datastore)

    @app.route('/')
    def home():
        return render_template('home.html')

    return app

OR

li {
    font-size: 16px; // or any other value
}
顺便说一句:如果你无法解决这个问题,我建议你在网上查看资源W3Schools

答案 2 :(得分:0)

&#13;
&#13;
li a{
  font-size:28px;
}
&#13;
<li> <a href="#"> Home </a> </li>
<li > <a href="#"> Computer Repairs </a> </li>
<li > <a href="#" > Shop </a> </li>
<li> <a href="#"> About </a> </li>
<li> <a href="#"> Contact </a> </li>
&#13;
&#13;
&#13;

font-size 28只是例如你可以根据你的要求使用你想要的任何东西